<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2820329" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xea2a;</span>
                <div class="name">box circulation-line</div>
                <div class="code-name">&amp;#xea2a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb2a;</span>
                <div class="name">hint-line</div>
                <div class="code-name">&amp;#xeb2a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea2b;</span>
                <div class="name">box choose-fill</div>
                <div class="code-name">&amp;#xea2b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb2b;</span>
                <div class="name">layout 1-line</div>
                <div class="code-name">&amp;#xeb2b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea2c;</span>
                <div class="name">box finish-line</div>
                <div class="code-name">&amp;#xea2c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb2c;</span>
                <div class="name">guardian-line</div>
                <div class="code-name">&amp;#xeb2c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea2d;</span>
                <div class="name">box calculator-fill</div>
                <div class="code-name">&amp;#xea2d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb2d;</span>
                <div class="name">locus-line</div>
                <div class="code-name">&amp;#xeb2d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea2e;</span>
                <div class="name">bills news-line</div>
                <div class="code-name">&amp;#xea2e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb2e;</span>
                <div class="name">load 2-line</div>
                <div class="code-name">&amp;#xeb2e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea2f;</span>
                <div class="name">bin-line</div>
                <div class="code-name">&amp;#xea2f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb2f;</span>
                <div class="name">load 1-line</div>
                <div class="code-name">&amp;#xeb2f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea30;</span>
                <div class="name">bills other 2-fill</div>
                <div class="code-name">&amp;#xea30;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb30;</span>
                <div class="name">manage-line</div>
                <div class="code-name">&amp;#xeb30;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea31;</span>
                <div class="name">box tier-fill</div>
                <div class="code-name">&amp;#xea31;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb31;</span>
                <div class="name">locus-fill</div>
                <div class="code-name">&amp;#xeb31;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea32;</span>
                <div class="name">bills other 4-fill</div>
                <div class="code-name">&amp;#xea32;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb32;</span>
                <div class="name">left-fill</div>
                <div class="code-name">&amp;#xeb32;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea33;</span>
                <div class="name">box message-line</div>
                <div class="code-name">&amp;#xea33;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb33;</span>
                <div class="name">mail-fill</div>
                <div class="code-name">&amp;#xeb33;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea34;</span>
                <div class="name">box #-fill</div>
                <div class="code-name">&amp;#xea34;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb34;</span>
                <div class="name">log-line</div>
                <div class="code-name">&amp;#xeb34;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea35;</span>
                <div class="name">box add-fill</div>
                <div class="code-name">&amp;#xea35;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb35;</span>
                <div class="name">left round-line</div>
                <div class="code-name">&amp;#xeb35;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea36;</span>
                <div class="name">box level-line</div>
                <div class="code-name">&amp;#xea36;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb36;</span>
                <div class="name">mail-line</div>
                <div class="code-name">&amp;#xeb36;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea37;</span>
                <div class="name">box add-line</div>
                <div class="code-name">&amp;#xea37;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb37;</span>
                <div class="name">like-line</div>
                <div class="code-name">&amp;#xeb37;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea38;</span>
                <div class="name">box #-line</div>
                <div class="code-name">&amp;#xea38;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb38;</span>
                <div class="name">medal-line</div>
                <div class="code-name">&amp;#xeb38;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea39;</span>
                <div class="name">box proportion-line</div>
                <div class="code-name">&amp;#xea39;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb39;</span>
                <div class="name">message 1-line</div>
                <div class="code-name">&amp;#xeb39;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3a;</span>
                <div class="name">book-fill</div>
                <div class="code-name">&amp;#xea3a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb3a;</span>
                <div class="name">microscope-fill</div>
                <div class="code-name">&amp;#xeb3a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3b;</span>
                <div class="name">box command-fill</div>
                <div class="code-name">&amp;#xea3b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb3b;</span>
                <div class="name">minibus-fill</div>
                <div class="code-name">&amp;#xeb3b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3c;</span>
                <div class="name">bookbinding-fill</div>
                <div class="code-name">&amp;#xea3c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb3c;</span>
                <div class="name">message 4-line</div>
                <div class="code-name">&amp;#xeb3c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3d;</span>
                <div class="name">box open-fill</div>
                <div class="code-name">&amp;#xea3d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb3d;</span>
                <div class="name">message 3-fill</div>
                <div class="code-name">&amp;#xeb3d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3e;</span>
                <div class="name">box question-line</div>
                <div class="code-name">&amp;#xea3e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb3e;</span>
                <div class="name">message 2-fill</div>
                <div class="code-name">&amp;#xeb3e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3f;</span>
                <div class="name">broker-line</div>
                <div class="code-name">&amp;#xea3f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb3f;</span>
                <div class="name">microscope-line</div>
                <div class="code-name">&amp;#xeb3f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea40;</span>
                <div class="name">box tier-line</div>
                <div class="code-name">&amp;#xea40;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb40;</span>
                <div class="name">minibus-line</div>
                <div class="code-name">&amp;#xeb40;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea41;</span>
                <div class="name">box list-line</div>
                <div class="code-name">&amp;#xea41;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb41;</span>
                <div class="name">message 2-line</div>
                <div class="code-name">&amp;#xeb41;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea42;</span>
                <div class="name">browse-fill</div>
                <div class="code-name">&amp;#xea42;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb42;</span>
                <div class="name">more round-fill</div>
                <div class="code-name">&amp;#xeb42;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea43;</span>
                <div class="name">bills other 1-fill</div>
                <div class="code-name">&amp;#xea43;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb43;</span>
                <div class="name">monitor-line</div>
                <div class="code-name">&amp;#xeb43;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea44;</span>
                <div class="name">box set-fill</div>
                <div class="code-name">&amp;#xea44;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb44;</span>
                <div class="name">mute-fill</div>
                <div class="code-name">&amp;#xeb44;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea45;</span>
                <div class="name">box minus-line</div>
                <div class="code-name">&amp;#xea45;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb45;</span>
                <div class="name">mesh 1-line</div>
                <div class="code-name">&amp;#xeb45;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea46;</span>
                <div class="name">box subtract-line</div>
                <div class="code-name">&amp;#xea46;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb46;</span>
                <div class="name">mute-line</div>
                <div class="code-name">&amp;#xeb46;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea47;</span>
                <div class="name">box choice-fill</div>
                <div class="code-name">&amp;#xea47;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb47;</span>
                <div class="name">nail-line</div>
                <div class="code-name">&amp;#xeb47;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea48;</span>
                <div class="name">Calculation-line</div>
                <div class="code-name">&amp;#xea48;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb48;</span>
                <div class="name">news-line</div>
                <div class="code-name">&amp;#xeb48;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea49;</span>
                <div class="name">box command-line</div>
                <div class="code-name">&amp;#xea49;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb49;</span>
                <div class="name">motor van-line</div>
                <div class="code-name">&amp;#xeb49;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4a;</span>
                <div class="name">bills other 2-line</div>
                <div class="code-name">&amp;#xea4a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4a;</span>
                <div class="name">notebook computer-line</div>
                <div class="code-name">&amp;#xeb4a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4b;</span>
                <div class="name">camera-line</div>
                <div class="code-name">&amp;#xea4b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4b;</span>
                <div class="name">normal form-line</div>
                <div class="code-name">&amp;#xeb4b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4c;</span>
                <div class="name">box list-fill</div>
                <div class="code-name">&amp;#xea4c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4c;</span>
                <div class="name">package 2-line</div>
                <div class="code-name">&amp;#xeb4c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4d;</span>
                <div class="name">cash %-fill</div>
                <div class="code-name">&amp;#xea4d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4d;</span>
                <div class="name">package add-line</div>
                <div class="code-name">&amp;#xeb4d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4e;</span>
                <div class="name">box switch-fill</div>
                <div class="code-name">&amp;#xea4e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4e;</span>
                <div class="name">password open-line</div>
                <div class="code-name">&amp;#xeb4e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4f;</span>
                <div class="name">box finish-fill</div>
                <div class="code-name">&amp;#xea4f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb4f;</span>
                <div class="name">pennant-line</div>
                <div class="code-name">&amp;#xeb4f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea50;</span>
                <div class="name">books-fill</div>
                <div class="code-name">&amp;#xea50;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb50;</span>
                <div class="name">picture-fill</div>
                <div class="code-name">&amp;#xeb50;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea51;</span>
                <div class="name">cabinet-fill</div>
                <div class="code-name">&amp;#xea51;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb51;</span>
                <div class="name">people cloud-line</div>
                <div class="code-name">&amp;#xeb51;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea52;</span>
                <div class="name">box message-fill</div>
                <div class="code-name">&amp;#xea52;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb52;</span>
                <div class="name">printer-fill</div>
                <div class="code-name">&amp;#xeb52;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea53;</span>
                <div class="name">box down-line</div>
                <div class="code-name">&amp;#xea53;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb53;</span>
                <div class="name">printer-line</div>
                <div class="code-name">&amp;#xeb53;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea54;</span>
                <div class="name">box control-line</div>
                <div class="code-name">&amp;#xea54;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb54;</span>
                <div class="name">problem-line</div>
                <div class="code-name">&amp;#xeb54;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea55;</span>
                <div class="name">bluetooth-line</div>
                <div class="code-name">&amp;#xea55;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb55;</span>
                <div class="name">radar-fill</div>
                <div class="code-name">&amp;#xeb55;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea56;</span>
                <div class="name">box addition-line</div>
                <div class="code-name">&amp;#xea56;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb56;</span>
                <div class="name">projection screen-line</div>
                <div class="code-name">&amp;#xeb56;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea57;</span>
                <div class="name">bluetooth-fill</div>
                <div class="code-name">&amp;#xea57;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb57;</span>
                <div class="name">ranking list-fill</div>
                <div class="code-name">&amp;#xeb57;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea58;</span>
                <div class="name">bills user-line</div>
                <div class="code-name">&amp;#xea58;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb58;</span>
                <div class="name">quit-line</div>
                <div class="code-name">&amp;#xeb58;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea59;</span>
                <div class="name">box minus-fill</div>
                <div class="code-name">&amp;#xea59;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb59;</span>
                <div class="name">quality system-line</div>
                <div class="code-name">&amp;#xeb59;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5a;</span>
                <div class="name">box down-fill</div>
                <div class="code-name">&amp;#xea5a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5a;</span>
                <div class="name">read-line</div>
                <div class="code-name">&amp;#xeb5a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5b;</span>
                <div class="name">businessman-line</div>
                <div class="code-name">&amp;#xea5b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5b;</span>
                <div class="name">qr code 2-line</div>
                <div class="code-name">&amp;#xeb5b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5c;</span>
                <div class="name">card information-line</div>
                <div class="code-name">&amp;#xea5c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5c;</span>
                <div class="name">record chart-fill</div>
                <div class="code-name">&amp;#xeb5c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5d;</span>
                <div class="name">cash %-line</div>
                <div class="code-name">&amp;#xea5d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5d;</span>
                <div class="name">reflect on-line</div>
                <div class="code-name">&amp;#xeb5d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5e;</span>
                <div class="name">call-board-line</div>
                <div class="code-name">&amp;#xea5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5e;</span>
                <div class="name">relation 9-fill</div>
                <div class="code-name">&amp;#xeb5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea5f;</span>
                <div class="name">box choice-line</div>
                <div class="code-name">&amp;#xea5f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5f;</span>
                <div class="name">relation 8-fill</div>
                <div class="code-name">&amp;#xeb5f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea60;</span>
                <div class="name">box choose-line</div>
                <div class="code-name">&amp;#xea60;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb60;</span>
                <div class="name">remind-line</div>
                <div class="code-name">&amp;#xeb60;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea61;</span>
                <div class="name">bills message-line</div>
                <div class="code-name">&amp;#xea61;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb61;</span>
                <div class="name">right or wrong-line</div>
                <div class="code-name">&amp;#xeb61;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea62;</span>
                <div class="name">building-line</div>
                <div class="code-name">&amp;#xea62;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb62;</span>
                <div class="name">right to-fill</div>
                <div class="code-name">&amp;#xeb62;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea63;</span>
                <div class="name">briefcase-line</div>
                <div class="code-name">&amp;#xea63;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb63;</span>
                <div class="name">right to-line</div>
                <div class="code-name">&amp;#xeb63;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea64;</span>
                <div class="name">box close-line</div>
                <div class="code-name">&amp;#xea64;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb64;</span>
                <div class="name">rocket-line</div>
                <div class="code-name">&amp;#xeb64;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea65;</span>
                <div class="name">bulletin-line</div>
                <div class="code-name">&amp;#xea65;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb65;</span>
                <div class="name">robot-line</div>
                <div class="code-name">&amp;#xeb65;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea66;</span>
                <div class="name">box circulation-fill</div>
                <div class="code-name">&amp;#xea66;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb66;</span>
                <div class="name">round structure 3-line</div>
                <div class="code-name">&amp;#xeb66;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea67;</span>
                <div class="name">box put-line</div>
                <div class="code-name">&amp;#xea67;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb67;</span>
                <div class="name">round structure 4-fill</div>
                <div class="code-name">&amp;#xeb67;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea68;</span>
                <div class="name">cash-fill</div>
                <div class="code-name">&amp;#xea68;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb68;</span>
                <div class="name">route 5-fill</div>
                <div class="code-name">&amp;#xeb68;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea69;</span>
                <div class="name">box trend-line</div>
                <div class="code-name">&amp;#xea69;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb69;</span>
                <div class="name">route 4-fill</div>
                <div class="code-name">&amp;#xeb69;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6a;</span>
                <div class="name">cargo container-fill</div>
                <div class="code-name">&amp;#xea6a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6a;</span>
                <div class="name">router 1-fill</div>
                <div class="code-name">&amp;#xeb6a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6b;</span>
                <div class="name">books-line</div>
                <div class="code-name">&amp;#xea6b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6b;</span>
                <div class="name">router 5-line</div>
                <div class="code-name">&amp;#xeb6b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6c;</span>
                <div class="name">Calculator-fill</div>
                <div class="code-name">&amp;#xea6c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6c;</span>
                <div class="name">router 3-line</div>
                <div class="code-name">&amp;#xeb6c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6d;</span>
                <div class="name">brush-line</div>
                <div class="code-name">&amp;#xea6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6d;</span>
                <div class="name">safety officer-line</div>
                <div class="code-name">&amp;#xeb6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6e;</span>
                <div class="name">church-fill</div>
                <div class="code-name">&amp;#xea6e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6e;</span>
                <div class="name">ruler pen-line</div>
                <div class="code-name">&amp;#xeb6e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6f;</span>
                <div class="name">box proportion-fill</div>
                <div class="code-name">&amp;#xea6f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb6f;</span>
                <div class="name">sales return-line</div>
                <div class="code-name">&amp;#xeb6f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea70;</span>
                <div class="name">cart-fill</div>
                <div class="code-name">&amp;#xea70;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb70;</span>
                <div class="name">scan 2-line</div>
                <div class="code-name">&amp;#xeb70;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea71;</span>
                <div class="name">card information-fill</div>
                <div class="code-name">&amp;#xea71;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb71;</span>
                <div class="name">scan 1-line</div>
                <div class="code-name">&amp;#xeb71;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea72;</span>
                <div class="name">businessman-fill</div>
                <div class="code-name">&amp;#xea72;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb72;</span>
                <div class="name">router 4-line</div>
                <div class="code-name">&amp;#xeb72;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea73;</span>
                <div class="name">box close-fill</div>
                <div class="code-name">&amp;#xea73;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb73;</span>
                <div class="name">scan qr code-line</div>
                <div class="code-name">&amp;#xeb73;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea74;</span>
                <div class="name">caution-fill</div>
                <div class="code-name">&amp;#xea74;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb74;</span>
                <div class="name">scan people-line</div>
                <div class="code-name">&amp;#xeb74;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea75;</span>
                <div class="name">box-line</div>
                <div class="code-name">&amp;#xea75;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb75;</span>
                <div class="name">scan qr code-fill</div>
                <div class="code-name">&amp;#xeb75;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea76;</span>
                <div class="name">cd-fill</div>
                <div class="code-name">&amp;#xea76;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb76;</span>
                <div class="name">sd-line</div>
                <div class="code-name">&amp;#xeb76;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea77;</span>
                <div class="name">brush-fill</div>
                <div class="code-name">&amp;#xea77;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb77;</span>
                <div class="name">screen list-line</div>
                <div class="code-name">&amp;#xeb77;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea78;</span>
                <div class="name">chest-fill</div>
                <div class="code-name">&amp;#xea78;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb78;</span>
                <div class="name">security chose-line</div>
                <div class="code-name">&amp;#xeb78;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea79;</span>
                <div class="name">Calculator-line</div>
                <div class="code-name">&amp;#xea79;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb79;</span>
                <div class="name">send out-fill</div>
                <div class="code-name">&amp;#xeb79;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7a;</span>
                <div class="name">box download-line</div>
                <div class="code-name">&amp;#xea7a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7a;</span>
                <div class="name">sendmail-fill</div>
                <div class="code-name">&amp;#xeb7a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7b;</span>
                <div class="name">bug-line</div>
                <div class="code-name">&amp;#xea7b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7b;</span>
                <div class="name">send-line</div>
                <div class="code-name">&amp;#xeb7b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7c;</span>
                <div class="name">cancel-fill</div>
                <div class="code-name">&amp;#xea7c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7c;</span>
                <div class="name">send out-line</div>
                <div class="code-name">&amp;#xeb7c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7d;</span>
                <div class="name">bills other 1-line</div>
                <div class="code-name">&amp;#xea7d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7d;</span>
                <div class="name">sendmail-line</div>
                <div class="code-name">&amp;#xeb7d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7e;</span>
                <div class="name">book-line</div>
                <div class="code-name">&amp;#xea7e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7e;</span>
                <div class="name">service-line</div>
                <div class="code-name">&amp;#xeb7e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7f;</span>
                <div class="name">building-fill</div>
                <div class="code-name">&amp;#xea7f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb7f;</span>
                <div class="name">service-fill</div>
                <div class="code-name">&amp;#xeb7f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea80;</span>
                <div class="name">briefcase-fill</div>
                <div class="code-name">&amp;#xea80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb80;</span>
                <div class="name">set-fill</div>
                <div class="code-name">&amp;#xeb80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea81;</span>
                <div class="name">card reader-line</div>
                <div class="code-name">&amp;#xea81;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb81;</span>
                <div class="name">set-line</div>
                <div class="code-name">&amp;#xeb81;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea82;</span>
                <div class="name">card reader-fill</div>
                <div class="code-name">&amp;#xea82;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb82;</span>
                <div class="name">share 1-fill</div>
                <div class="code-name">&amp;#xeb82;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea83;</span>
                <div class="name">cargo container-line</div>
                <div class="code-name">&amp;#xea83;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb83;</span>
                <div class="name">shine-fill</div>
                <div class="code-name">&amp;#xeb83;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea84;</span>
                <div class="name">bulletin board-fill</div>
                <div class="code-name">&amp;#xea84;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb84;</span>
                <div class="name">shield-fill</div>
                <div class="code-name">&amp;#xeb84;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea85;</span>
                <div class="name">bills other 3-line</div>
                <div class="code-name">&amp;#xea85;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb85;</span>
                <div class="name">shield-line</div>
                <div class="code-name">&amp;#xeb85;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea86;</span>
                <div class="name">camera-fill</div>
                <div class="code-name">&amp;#xea86;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb86;</span>
                <div class="name">shopping trolley-fill</div>
                <div class="code-name">&amp;#xeb86;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea87;</span>
                <div class="name">bookbinding-line</div>
                <div class="code-name">&amp;#xea87;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb87;</span>
                <div class="name">shopping box-line</div>
                <div class="code-name">&amp;#xeb87;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea88;</span>
                <div class="name">circles-fill</div>
                <div class="code-name">&amp;#xea88;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb88;</span>
                <div class="name">shopping bag-line</div>
                <div class="code-name">&amp;#xeb88;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea89;</span>
                <div class="name">chest-line</div>
                <div class="code-name">&amp;#xea89;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb89;</span>
                <div class="name">shrink-line</div>
                <div class="code-name">&amp;#xeb89;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea8a;</span>
                <div class="name">choose -line</div>
                <div class="code-name">&amp;#xea8a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8a;</span>
                <div class="name">Signal Point-line</div>
                <div class="code-name">&amp;#xeb8a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea8b;</span>
                <div class="name">box switch-line</div>
                <div class="code-name">&amp;#xea8b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8b;</span>
                <div class="name">situation-fill</div>
                <div class="code-name">&amp;#xeb8b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea8c;</span>
                <div class="name">bug-fill</div>
                <div class="code-name">&amp;#xea8c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8c;</span>
                <div class="name">shrinkage 1-line</div>
                <div class="code-name">&amp;#xeb8c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea8d;</span>
                <div class="name">change-fill</div>
                <div class="code-name">&amp;#xea8d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8d;</span>
                <div class="name">site-line</div>
                <div class="code-name">&amp;#xeb8d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea8e;</span>
                <div class="name">circle link-line</div>
                <div class="code-name">&amp;#xea8e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8e;</span>
                <div class="name">stamp-fill</div>
                <div class="code-name">&amp;#xeb8e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea8f;</span>
                <div class="name">cipher-line</div>
                <div class="code-name">&amp;#xea8f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb8f;</span>
                <div class="name">statistical view pie chart 2-fill</div>
                <div class="code-name">&amp;#xeb8f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea90;</span>
                <div class="name">cancelling stocks-line</div>
                <div class="code-name">&amp;#xea90;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb90;</span>
                <div class="name">statistical view pie chart 3-fill</div>
                <div class="code-name">&amp;#xeb90;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea91;</span>
                <div class="name">case-line</div>
                <div class="code-name">&amp;#xea91;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb91;</span>
                <div class="name">statistical view pie chart 3-line</div>
                <div class="code-name">&amp;#xeb91;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea92;</span>
                <div class="name">cart-line</div>
                <div class="code-name">&amp;#xea92;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb92;</span>
                <div class="name">statistical view radar map-fill</div>
                <div class="code-name">&amp;#xeb92;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea93;</span>
                <div class="name">cash-line</div>
                <div class="code-name">&amp;#xea93;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb93;</span>
                <div class="name">statistical view radar map-line</div>
                <div class="code-name">&amp;#xeb93;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea94;</span>
                <div class="name">chip-fill</div>
                <div class="code-name">&amp;#xea94;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb94;</span>
                <div class="name">structure 2-fill</div>
                <div class="code-name">&amp;#xeb94;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea95;</span>
                <div class="name">change-line</div>
                <div class="code-name">&amp;#xea95;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb95;</span>
                <div class="name">statistical view scatter diagram-line</div>
                <div class="code-name">&amp;#xeb95;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea96;</span>
                <div class="name">circulation-line</div>
                <div class="code-name">&amp;#xea96;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb96;</span>
                <div class="name">stencil-fill</div>
                <div class="code-name">&amp;#xeb96;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea97;</span>
                <div class="name">cipher open-line</div>
                <div class="code-name">&amp;#xea97;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb97;</span>
                <div class="name">store-line</div>
                <div class="code-name">&amp;#xeb97;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea98;</span>
                <div class="name">box calculator-line</div>
                <div class="code-name">&amp;#xea98;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb98;</span>
                <div class="name">stickup-line</div>
                <div class="code-name">&amp;#xeb98;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea99;</span>
                <div class="name">cabinet-line</div>
                <div class="code-name">&amp;#xea99;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb99;</span>
                <div class="name">structure 5-line</div>
                <div class="code-name">&amp;#xeb99;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9a;</span>
                <div class="name">bulletin board-line</div>
                <div class="code-name">&amp;#xea9a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb9a;</span>
                <div class="name">study-fill</div>
                <div class="code-name">&amp;#xeb9a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9b;</span>
                <div class="name">box trend-fill</div>
                <div class="code-name">&amp;#xea9b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb9b;</span>
                <div class="name">study-line</div>
                <div class="code-name">&amp;#xeb9b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9c;</span>
                <div class="name">calendar-line</div>
                <div class="code-name">&amp;#xea9c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb9c;</span>
                <div class="name">tag-line</div>
                <div class="code-name">&amp;#xeb9c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9d;</span>
                <div class="name">bulletin-fill</div>
                <div class="code-name">&amp;#xea9d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb9d;</span>
                <div class="name">switch on-line</div>
                <div class="code-name">&amp;#xeb9d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9e;</span>
                <div class="name">choose-line</div>
                <div class="code-name">&amp;#xea9e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb9e;</span>
                <div class="name">template 4-fill</div>
                <div class="code-name">&amp;#xeb9e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea9f;</span>
                <div class="name">card bag-line</div>
                <div class="code-name">&amp;#xea9f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb9f;</span>
                <div class="name">template 3-fill</div>
                <div class="code-name">&amp;#xeb9f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa0;</span>
                <div class="name">box question-fill</div>
                <div class="code-name">&amp;#xeaa0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba0;</span>
                <div class="name">tag-fill</div>
                <div class="code-name">&amp;#xeba0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa1;</span>
                <div class="name">central bank-fill</div>
                <div class="code-name">&amp;#xeaa1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba1;</span>
                <div class="name">text editor cut-line</div>
                <div class="code-name">&amp;#xeba1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa2;</span>
                <div class="name">card bag-fill</div>
                <div class="code-name">&amp;#xeaa2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba2;</span>
                <div class="name">template search-fill</div>
                <div class="code-name">&amp;#xeba2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa3;</span>
                <div class="name">close line-line</div>
                <div class="code-name">&amp;#xeaa3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba3;</span>
                <div class="name">text editor case-line</div>
                <div class="code-name">&amp;#xeba3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa4;</span>
                <div class="name">click on-fill</div>
                <div class="code-name">&amp;#xeaa4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba4;</span>
                <div class="name">template list 1-line</div>
                <div class="code-name">&amp;#xeba4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa5;</span>
                <div class="name">cipher open-fill</div>
                <div class="code-name">&amp;#xeaa5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba5;</span>
                <div class="name">template 1-fill</div>
                <div class="code-name">&amp;#xeba5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa6;</span>
                <div class="name">catalog-fill</div>
                <div class="code-name">&amp;#xeaa6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba6;</span>
                <div class="name">text editor save as-line</div>
                <div class="code-name">&amp;#xeba6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa7;</span>
                <div class="name">case-fill</div>
                <div class="code-name">&amp;#xeaa7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba7;</span>
                <div class="name">text editor stickup-line</div>
                <div class="code-name">&amp;#xeba7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa8;</span>
                <div class="name">clock 1-line</div>
                <div class="code-name">&amp;#xeaa8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba8;</span>
                <div class="name">text editor unfold-line</div>
                <div class="code-name">&amp;#xeba8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaa9;</span>
                <div class="name">cancel-line</div>
                <div class="code-name">&amp;#xeaa9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba9;</span>
                <div class="name">textbook-line</div>
                <div class="code-name">&amp;#xeba9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaaa;</span>
                <div class="name">church-line</div>
                <div class="code-name">&amp;#xeaaa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebaa;</span>
                <div class="name">text editor left alignment -line</div>
                <div class="code-name">&amp;#xebaa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaab;</span>
                <div class="name">charging-line</div>
                <div class="code-name">&amp;#xeaab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebab;</span>
                <div class="name">tier-line</div>
                <div class="code-name">&amp;#xebab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaac;</span>
                <div class="name">box put-fill</div>
                <div class="code-name">&amp;#xeaac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebac;</span>
                <div class="name">under line fill-line</div>
                <div class="code-name">&amp;#xebac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaad;</span>
                <div class="name">box download-fill</div>
                <div class="code-name">&amp;#xeaad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebad;</span>
                <div class="name">transmission-line</div>
                <div class="code-name">&amp;#xebad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaae;</span>
                <div class="name">clock 4-line</div>
                <div class="code-name">&amp;#xeaae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebae;</span>
                <div class="name">unwind 1-line</div>
                <div class="code-name">&amp;#xebae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaaf;</span>
                <div class="name">call-board-fill</div>
                <div class="code-name">&amp;#xeaaf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebaf;</span>
                <div class="name">transmit-line</div>
                <div class="code-name">&amp;#xebaf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab0;</span>
                <div class="name">clock 2-line</div>
                <div class="code-name">&amp;#xeab0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb0;</span>
                <div class="name">user add-line</div>
                <div class="code-name">&amp;#xebb0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab1;</span>
                <div class="name">chip-line</div>
                <div class="code-name">&amp;#xeab1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb1;</span>
                <div class="name">user lister-line</div>
                <div class="code-name">&amp;#xebb1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab2;</span>
                <div class="name">click-line</div>
                <div class="code-name">&amp;#xeab2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb2;</span>
                <div class="name">user permissions-fill</div>
                <div class="code-name">&amp;#xebb2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab3;</span>
                <div class="name">catalog-line</div>
                <div class="code-name">&amp;#xeab3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb3;</span>
                <div class="name">user minus-line</div>
                <div class="code-name">&amp;#xebb3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab4;</span>
                <div class="name">cloud add-fill</div>
                <div class="code-name">&amp;#xeab4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb4;</span>
                <div class="name">user minus-fill</div>
                <div class="code-name">&amp;#xebb4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab5;</span>
                <div class="name">close left-line</div>
                <div class="code-name">&amp;#xeab5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb5;</span>
                <div class="name">user permissions-line</div>
                <div class="code-name">&amp;#xebb5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab6;</span>
                <div class="name">cancelling stocks-fill</div>
                <div class="code-name">&amp;#xeab6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb6;</span>
                <div class="name">user set-line</div>
                <div class="code-name">&amp;#xebb6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab7;</span>
                <div class="name">calendar-fill</div>
                <div class="code-name">&amp;#xeab7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb7;</span>
                <div class="name">user switch-fill</div>
                <div class="code-name">&amp;#xebb7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab8;</span>
                <div class="name">caution-line</div>
                <div class="code-name">&amp;#xeab8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb8;</span>
                <div class="name">user set-fill</div>
                <div class="code-name">&amp;#xebb8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeab9;</span>
                <div class="name">choose-fill</div>
                <div class="code-name">&amp;#xeab9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb9;</span>
                <div class="name">voice close-fill</div>
                <div class="code-name">&amp;#xebb9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaba;</span>
                <div class="name">clock 2-fill</div>
                <div class="code-name">&amp;#xeaba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebba;</span>
                <div class="name">voice-fill</div>
                <div class="code-name">&amp;#xebba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabb;</span>
                <div class="name">clock 3-fill</div>
                <div class="code-name">&amp;#xeabb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbb;</span>
                <div class="name">volume-line</div>
                <div class="code-name">&amp;#xebbb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabc;</span>
                <div class="name">close-line</div>
                <div class="code-name">&amp;#xeabc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbc;</span>
                <div class="name">volume-fill</div>
                <div class="code-name">&amp;#xebbc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabd;</span>
                <div class="name">close right-line</div>
                <div class="code-name">&amp;#xeabd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbd;</span>
                <div class="name">warehouse warning-line</div>
                <div class="code-name">&amp;#xebbd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabe;</span>
                <div class="name">cloud hosting-fill</div>
                <div class="code-name">&amp;#xeabe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbe;</span>
                <div class="name">wallet-line</div>
                <div class="code-name">&amp;#xebbe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabf;</span>
                <div class="name">cargo-line</div>
                <div class="code-name">&amp;#xeabf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebbf;</span>
                <div class="name">warehouse-line</div>
                <div class="code-name">&amp;#xebbf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac0;</span>
                <div class="name">charging-fill</div>
                <div class="code-name">&amp;#xeac0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc0;</span>
                <div class="name">warehouse-fill</div>
                <div class="code-name">&amp;#xebc0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac1;</span>
                <div class="name">central bank-line</div>
                <div class="code-name">&amp;#xeac1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc1;</span>
                <div class="name">waving Flag-fill</div>
                <div class="code-name">&amp;#xebc1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac2;</span>
                <div class="name">cargo-fill</div>
                <div class="code-name">&amp;#xeac2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc2;</span>
                <div class="name">wind vane-fill</div>
                <div class="code-name">&amp;#xebc2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac3;</span>
                <div class="name">cloud management-fill</div>
                <div class="code-name">&amp;#xeac3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc3;</span>
                <div class="name">webpage-line</div>
                <div class="code-name">&amp;#xebc3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac4;</span>
                <div class="name">clock 3-line</div>
                <div class="code-name">&amp;#xeac4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc4;</span>
                <div class="name">withdrawal-fill</div>
                <div class="code-name">&amp;#xebc4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac5;</span>
                <div class="name">cloud corrugated-fill</div>
                <div class="code-name">&amp;#xeac5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc5;</span>
                <div class="name">withdrawal-line</div>
                <div class="code-name">&amp;#xebc5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac6;</span>
                <div class="name">cloud display-line</div>
                <div class="code-name">&amp;#xeac6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc6;</span>
                <div class="name">wifi-line</div>
                <div class="code-name">&amp;#xebc6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac7;</span>
                <div class="name">cloud display-fill</div>
                <div class="code-name">&amp;#xeac7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc7;</span>
                <div class="name">wrench-fill</div>
                <div class="code-name">&amp;#xebc7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac8;</span>
                <div class="name">cloud choose-line</div>
                <div class="code-name">&amp;#xeac8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebc8;</span>
                <div class="name">wrench-line</div>
                <div class="code-name">&amp;#xebc8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeac9;</span>
                <div class="name">click on-line</div>
                <div class="code-name">&amp;#xeac9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaca;</span>
                <div class="name">cloud editor-line</div>
                <div class="code-name">&amp;#xeaca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeacb;</span>
                <div class="name">cloud information-line</div>
                <div class="code-name">&amp;#xeacb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeacc;</span>
                <div class="name">cloud management-line</div>
                <div class="code-name">&amp;#xeacc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeacd;</span>
                <div class="name">cloud screen-line</div>
                <div class="code-name">&amp;#xeacd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeace;</span>
                <div class="name">cloud download-fill</div>
                <div class="code-name">&amp;#xeace;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeacf;</span>
                <div class="name">cloud editor-fill</div>
                <div class="code-name">&amp;#xeacf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d0;</span>
                <div class="name">@-line</div>
                <div class="code-name">&amp;#xe9d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead0;</span>
                <div class="name">code-line</div>
                <div class="code-name">&amp;#xead0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d1;</span>
                <div class="name">active tab-fill</div>
                <div class="code-name">&amp;#xe9d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead1;</span>
                <div class="name">color palette-line</div>
                <div class="code-name">&amp;#xead1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d2;</span>
                <div class="name">add-fill</div>
                <div class="code-name">&amp;#xe9d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead2;</span>
                <div class="name">computer more-line</div>
                <div class="code-name">&amp;#xead2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d3;</span>
                <div class="name">address list-fill</div>
                <div class="code-name">&amp;#xe9d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead3;</span>
                <div class="name">compile box-line</div>
                <div class="code-name">&amp;#xead3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d4;</span>
                <div class="name">address list-line</div>
                <div class="code-name">&amp;#xe9d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead4;</span>
                <div class="name">computer information-line</div>
                <div class="code-name">&amp;#xead4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d5;</span>
                <div class="name">addition file-line</div>
                <div class="code-name">&amp;#xe9d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead5;</span>
                <div class="name">computer proportion-line</div>
                <div class="code-name">&amp;#xead5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d6;</span>
                <div class="name">address book-fill</div>
                <div class="code-name">&amp;#xe9d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead6;</span>
                <div class="name">cloud ban-line</div>
                <div class="code-name">&amp;#xead6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d7;</span>
                <div class="name">add-line</div>
                <div class="code-name">&amp;#xe9d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead7;</span>
                <div class="name">cloud upload-line</div>
                <div class="code-name">&amp;#xead7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d8;</span>
                <div class="name">address book-line</div>
                <div class="code-name">&amp;#xe9d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead8;</span>
                <div class="name">computer warning-line</div>
                <div class="code-name">&amp;#xead8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d9;</span>
                <div class="name">add line-line</div>
                <div class="code-name">&amp;#xe9d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xead9;</span>
                <div class="name">computer set-line</div>
                <div class="code-name">&amp;#xead9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9da;</span>
                <div class="name">active tab-line</div>
                <div class="code-name">&amp;#xe9da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeada;</span>
                <div class="name">control panel-line</div>
                <div class="code-name">&amp;#xeada;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9db;</span>
                <div class="name">admonish-fill</div>
                <div class="code-name">&amp;#xe9db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeadb;</span>
                <div class="name">computer trend-line</div>
                <div class="code-name">&amp;#xeadb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9dc;</span>
                <div class="name">allocation-fill</div>
                <div class="code-name">&amp;#xe9dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeadc;</span>
                <div class="name">cube-fill</div>
                <div class="code-name">&amp;#xeadc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9dd;</span>
                <div class="name">all-fill</div>
                <div class="code-name">&amp;#xe9dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeadd;</span>
                <div class="name">counterfoil-line</div>
                <div class="code-name">&amp;#xeadd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9de;</span>
                <div class="name">allocation-line</div>
                <div class="code-name">&amp;#xe9de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeade;</span>
                <div class="name">convert-fill</div>
                <div class="code-name">&amp;#xeade;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9df;</span>
                <div class="name">adhibition-line</div>
                <div class="code-name">&amp;#xe9df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeadf;</span>
                <div class="name">cube-line</div>
                <div class="code-name">&amp;#xeadf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e0;</span>
                <div class="name">admonish-line</div>
                <div class="code-name">&amp;#xe9e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae0;</span>
                <div class="name">delete-line</div>
                <div class="code-name">&amp;#xeae0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e1;</span>
                <div class="name">alter-fill</div>
                <div class="code-name">&amp;#xe9e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae1;</span>
                <div class="name">depot-line</div>
                <div class="code-name">&amp;#xeae1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e2;</span>
                <div class="name">amount 3-line</div>
                <div class="code-name">&amp;#xe9e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae2;</span>
                <div class="name">depot-fill</div>
                <div class="code-name">&amp;#xeae2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e3;</span>
                <div class="name">amount 3-fill</div>
                <div class="code-name">&amp;#xe9e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae3;</span>
                <div class="name">diadema-line</div>
                <div class="code-name">&amp;#xeae3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e4;</span>
                <div class="name">amount 2-fill</div>
                <div class="code-name">&amp;#xe9e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae4;</span>
                <div class="name">decoration-line</div>
                <div class="code-name">&amp;#xeae4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e5;</span>
                <div class="name">amount 1-fill</div>
                <div class="code-name">&amp;#xe9e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae5;</span>
                <div class="name">dial-fill</div>
                <div class="code-name">&amp;#xeae5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e6;</span>
                <div class="name">amount 2-line</div>
                <div class="code-name">&amp;#xe9e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae6;</span>
                <div class="name">dial-line</div>
                <div class="code-name">&amp;#xeae6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e7;</span>
                <div class="name">amount 4-line</div>
                <div class="code-name">&amp;#xe9e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae7;</span>
                <div class="name">diffusion-line</div>
                <div class="code-name">&amp;#xeae7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e8;</span>
                <div class="name">alter-line</div>
                <div class="code-name">&amp;#xe9e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae8;</span>
                <div class="name">download to-line</div>
                <div class="code-name">&amp;#xeae8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9e9;</span>
                <div class="name">amount 5-line</div>
                <div class="code-name">&amp;#xe9e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeae9;</span>
                <div class="name">download-line</div>
                <div class="code-name">&amp;#xeae9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ea;</span>
                <div class="name">amount 4-fill</div>
                <div class="code-name">&amp;#xe9ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaea;</span>
                <div class="name">documentation upload-line</div>
                <div class="code-name">&amp;#xeaea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9eb;</span>
                <div class="name">android-line</div>
                <div class="code-name">&amp;#xe9eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaeb;</span>
                <div class="name">edit 1-line</div>
                <div class="code-name">&amp;#xeaeb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ec;</span>
                <div class="name">android-fill</div>
                <div class="code-name">&amp;#xe9ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaec;</span>
                <div class="name">edit 4-line</div>
                <div class="code-name">&amp;#xeaec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ed;</span>
                <div class="name">apple-fill</div>
                <div class="code-name">&amp;#xe9ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaed;</span>
                <div class="name">enterprise-line</div>
                <div class="code-name">&amp;#xeaed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ee;</span>
                <div class="name">annal upload-fill</div>
                <div class="code-name">&amp;#xe9ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaee;</span>
                <div class="name">dollar-line</div>
                <div class="code-name">&amp;#xeaee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ef;</span>
                <div class="name">archive catalogue-fill</div>
                <div class="code-name">&amp;#xe9ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaef;</span>
                <div class="name">expanding file-line</div>
                <div class="code-name">&amp;#xeaef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f0;</span>
                <div class="name">architecture-fill</div>
                <div class="code-name">&amp;#xe9f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf0;</span>
                <div class="name">expansion-line</div>
                <div class="code-name">&amp;#xeaf0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f1;</span>
                <div class="name">archive catalogue-line</div>
                <div class="code-name">&amp;#xe9f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf1;</span>
                <div class="name">face 2-line</div>
                <div class="code-name">&amp;#xeaf1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f2;</span>
                <div class="name">apple-line</div>
                <div class="code-name">&amp;#xe9f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf2;</span>
                <div class="name">face 4</div>
                <div class="code-name">&amp;#xeaf2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f3;</span>
                <div class="name">archives-line</div>
                <div class="code-name">&amp;#xe9f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf3;</span>
                <div class="name">face 3-line</div>
                <div class="code-name">&amp;#xeaf3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f4;</span>
                <div class="name">archives-fill</div>
                <div class="code-name">&amp;#xe9f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf4;</span>
                <div class="name">eye-line</div>
                <div class="code-name">&amp;#xeaf4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f5;</span>
                <div class="name">api-fill</div>
                <div class="code-name">&amp;#xe9f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf5;</span>
                <div class="name">fault run-line</div>
                <div class="code-name">&amp;#xeaf5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f6;</span>
                <div class="name">bank card-fill</div>
                <div class="code-name">&amp;#xe9f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf6;</span>
                <div class="name">file choose-line</div>
                <div class="code-name">&amp;#xeaf6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f7;</span>
                <div class="name">array-line</div>
                <div class="code-name">&amp;#xe9f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf7;</span>
                <div class="name">file bag-line</div>
                <div class="code-name">&amp;#xeaf7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f8;</span>
                <div class="name">badge-fill</div>
                <div class="code-name">&amp;#xe9f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf8;</span>
                <div class="name">face 1-line</div>
                <div class="code-name">&amp;#xeaf8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9f9;</span>
                <div class="name">awhirl-line</div>
                <div class="code-name">&amp;#xe9f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaf9;</span>
                <div class="name">file cycle-line</div>
                <div class="code-name">&amp;#xeaf9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9fa;</span>
                <div class="name">api-line</div>
                <div class="code-name">&amp;#xe9fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafa;</span>
                <div class="name">file print-line</div>
                <div class="code-name">&amp;#xeafa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9fb;</span>
                <div class="name">battery low-line</div>
                <div class="code-name">&amp;#xe9fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafb;</span>
                <div class="name">file proportion-fill</div>
                <div class="code-name">&amp;#xeafb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9fc;</span>
                <div class="name">architecture-line</div>
                <div class="code-name">&amp;#xe9fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafc;</span>
                <div class="name">file query-line</div>
                <div class="code-name">&amp;#xeafc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9fd;</span>
                <div class="name">article-line</div>
                <div class="code-name">&amp;#xe9fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafd;</span>
                <div class="name">flow chart 2-fill</div>
                <div class="code-name">&amp;#xeafd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9fe;</span>
                <div class="name">array-fill</div>
                <div class="code-name">&amp;#xe9fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeafe;</span>
                <div class="name">file seal-fill</div>
                <div class="code-name">&amp;#xeafe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ff;</span>
                <div class="name">article-fill</div>
                <div class="code-name">&amp;#xe9ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaff;</span>
                <div class="name">file ppt-fill</div>
                <div class="code-name">&amp;#xeaff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea00;</span>
                <div class="name">bank enterprise-line</div>
                <div class="code-name">&amp;#xea00;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb00;</span>
                <div class="name">file important-line</div>
                <div class="code-name">&amp;#xeb00;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea01;</span>
                <div class="name">bank enterprise-fill</div>
                <div class="code-name">&amp;#xea01;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb01;</span>
                <div class="name">file list-line</div>
                <div class="code-name">&amp;#xeb01;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea02;</span>
                <div class="name">battery low-fill</div>
                <div class="code-name">&amp;#xea02;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb02;</span>
                <div class="name">file text set-line</div>
                <div class="code-name">&amp;#xeb02;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea03;</span>
                <div class="name">bank-line</div>
                <div class="code-name">&amp;#xea03;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb03;</span>
                <div class="name">file voice-line</div>
                <div class="code-name">&amp;#xeb03;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea04;</span>
                <div class="name">bills 3-fill</div>
                <div class="code-name">&amp;#xea04;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb04;</span>
                <div class="name">file list-fill</div>
                <div class="code-name">&amp;#xeb04;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea05;</span>
                <div class="name">bills 2-fill</div>
                <div class="code-name">&amp;#xea05;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb05;</span>
                <div class="name">flag label-fill</div>
                <div class="code-name">&amp;#xeb05;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea06;</span>
                <div class="name">bank card-line</div>
                <div class="code-name">&amp;#xea06;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb06;</span>
                <div class="name">focus on record-line</div>
                <div class="code-name">&amp;#xeb06;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea07;</span>
                <div class="name">badge-line</div>
                <div class="code-name">&amp;#xea07;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb07;</span>
                <div class="name">folder minus-line</div>
                <div class="code-name">&amp;#xeb07;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea08;</span>
                <div class="name">bar code-line</div>
                <div class="code-name">&amp;#xea08;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb08;</span>
                <div class="name">folding-line</div>
                <div class="code-name">&amp;#xeb08;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea09;</span>
                <div class="name">bills cover-line</div>
                <div class="code-name">&amp;#xea09;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb09;</span>
                <div class="name">file management-line</div>
                <div class="code-name">&amp;#xeb09;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0a;</span>
                <div class="name">bills 2-line</div>
                <div class="code-name">&amp;#xea0a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0a;</span>
                <div class="name">folder add-line</div>
                <div class="code-name">&amp;#xeb0a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0b;</span>
                <div class="name">bills fax-fill</div>
                <div class="code-name">&amp;#xea0b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0b;</span>
                <div class="name">file word-line</div>
                <div class="code-name">&amp;#xeb0b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0c;</span>
                <div class="name">bar code-fill</div>
                <div class="code-name">&amp;#xea0c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0c;</span>
                <div class="name">folder star-line</div>
                <div class="code-name">&amp;#xeb0c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0d;</span>
                <div class="name">bills 5-line</div>
                <div class="code-name">&amp;#xea0d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0d;</span>
                <div class="name">folder upload-line</div>
                <div class="code-name">&amp;#xeb0d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0e;</span>
                <div class="name">bill-line</div>
                <div class="code-name">&amp;#xea0e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0e;</span>
                <div class="name">folder on-line</div>
                <div class="code-name">&amp;#xeb0e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0f;</span>
                <div class="name">bill-fill</div>
                <div class="code-name">&amp;#xea0f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0f;</span>
                <div class="name">folder off-fill</div>
                <div class="code-name">&amp;#xeb0f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea10;</span>
                <div class="name">bills 3-line</div>
                <div class="code-name">&amp;#xea10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb10;</span>
                <div class="name">game-line</div>
                <div class="code-name">&amp;#xeb10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea11;</span>
                <div class="name">bills contents-fill</div>
                <div class="code-name">&amp;#xea11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb11;</span>
                <div class="name">gift box-line</div>
                <div class="code-name">&amp;#xeb11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea12;</span>
                <div class="name">bills contents-line</div>
                <div class="code-name">&amp;#xea12;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb12;</span>
                <div class="name">hand Heart-fill</div>
                <div class="code-name">&amp;#xeb12;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea13;</span>
                <div class="name">bills 5-fill</div>
                <div class="code-name">&amp;#xea13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb13;</span>
                <div class="name">hand choose-line</div>
                <div class="code-name">&amp;#xeb13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea14;</span>
                <div class="name">bills 1-fill</div>
                <div class="code-name">&amp;#xea14;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb14;</span>
                <div class="name">hierarchy-fill</div>
                <div class="code-name">&amp;#xeb14;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea15;</span>
                <div class="name">bills list-fill</div>
                <div class="code-name">&amp;#xea15;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb15;</span>
                <div class="name">group minus-line</div>
                <div class="code-name">&amp;#xeb15;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea16;</span>
                <div class="name">bills content-line</div>
                <div class="code-name">&amp;#xea16;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb16;</span>
                <div class="name">home 4-fill</div>
                <div class="code-name">&amp;#xeb16;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea17;</span>
                <div class="name">bills info-line</div>
                <div class="code-name">&amp;#xea17;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb17;</span>
                <div class="name">ID card front-fill</div>
                <div class="code-name">&amp;#xeb17;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea18;</span>
                <div class="name">bills invitation-fill</div>
                <div class="code-name">&amp;#xea18;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb18;</span>
                <div class="name">hierarchy-line</div>
                <div class="code-name">&amp;#xeb18;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea19;</span>
                <div class="name">bills 4-line</div>
                <div class="code-name">&amp;#xea19;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb19;</span>
                <div class="name">interlinkage-line</div>
                <div class="code-name">&amp;#xeb19;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea1a;</span>
                <div class="name">bills fax-line</div>
                <div class="code-name">&amp;#xea1a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1a;</span>
                <div class="name">home 2-line</div>
                <div class="code-name">&amp;#xeb1a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea1b;</span>
                <div class="name">bills menu-line</div>
                <div class="code-name">&amp;#xea1b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1b;</span>
                <div class="name">ip-line</div>
                <div class="code-name">&amp;#xeb1b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea1c;</span>
                <div class="name">bills content-fill</div>
                <div class="code-name">&amp;#xea1c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1c;</span>
                <div class="name">have power-line</div>
                <div class="code-name">&amp;#xeb1c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea1d;</span>
                <div class="name">bills menu-fill</div>
                <div class="code-name">&amp;#xea1d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1d;</span>
                <div class="name">interconnection-fill</div>
                <div class="code-name">&amp;#xeb1d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea1e;</span>
                <div class="name">bills 4-fill</div>
                <div class="code-name">&amp;#xea1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1e;</span>
                <div class="name">joint-line</div>
                <div class="code-name">&amp;#xeb1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea1f;</span>
                <div class="name">bills important-line</div>
                <div class="code-name">&amp;#xea1f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1f;</span>
                <div class="name">home 3-line</div>
                <div class="code-name">&amp;#xeb1f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea20;</span>
                <div class="name">bills important-fill</div>
                <div class="code-name">&amp;#xea20;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb20;</span>
                <div class="name">job circle-line</div>
                <div class="code-name">&amp;#xeb20;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea21;</span>
                <div class="name">bills 1-line</div>
                <div class="code-name">&amp;#xea21;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb21;</span>
                <div class="name">jar-fill</div>
                <div class="code-name">&amp;#xeb21;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea22;</span>
                <div class="name">bills list-line</div>
                <div class="code-name">&amp;#xea22;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb22;</span>
                <div class="name">iPhone iMac-line</div>
                <div class="code-name">&amp;#xeb22;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea23;</span>
                <div class="name">bills invitation-line</div>
                <div class="code-name">&amp;#xea23;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb23;</span>
                <div class="name">irradiation-line</div>
                <div class="code-name">&amp;#xeb23;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea24;</span>
                <div class="name">bank-fill</div>
                <div class="code-name">&amp;#xea24;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb24;</span>
                <div class="name">knockdown-line</div>
                <div class="code-name">&amp;#xeb24;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea25;</span>
                <div class="name">bills other 3-fill</div>
                <div class="code-name">&amp;#xea25;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb25;</span>
                <div class="name">layout 5-line</div>
                <div class="code-name">&amp;#xeb25;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea26;</span>
                <div class="name">box control-fill</div>
                <div class="code-name">&amp;#xea26;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb26;</span>
                <div class="name">group group-fill</div>
                <div class="code-name">&amp;#xeb26;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea27;</span>
                <div class="name">browse-line</div>
                <div class="code-name">&amp;#xea27;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb27;</span>
                <div class="name">layout 8-fill</div>
                <div class="code-name">&amp;#xeb27;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea28;</span>
                <div class="name">box subtract-fill</div>
                <div class="code-name">&amp;#xea28;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb28;</span>
                <div class="name">instrument panel-line</div>
                <div class="code-name">&amp;#xeb28;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea29;</span>
                <div class="name">box addition-fill</div>
                <div class="code-name">&amp;#xea29;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb29;</span>
                <div class="name">hand manage-fill</div>
                <div class="code-name">&amp;#xeb29;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1631865413696') format('woff2'),
       url('iconfont.woff?t=1631865413696') format('woff'),
       url('iconfont.ttf?t=1631865413696') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcirculation-line"></span>
            <div class="name">
              box circulation-line
            </div>
            <div class="code-name">.icon-a-boxcirculation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hint-line"></span>
            <div class="name">
              hint-line
            </div>
            <div class="code-name">.icon-hint-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxchoose-fill"></span>
            <div class="name">
              box choose-fill
            </div>
            <div class="code-name">.icon-a-boxchoose-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-layout1-line"></span>
            <div class="name">
              layout 1-line
            </div>
            <div class="code-name">.icon-a-layout1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxfinish-line"></span>
            <div class="name">
              box finish-line
            </div>
            <div class="code-name">.icon-a-boxfinish-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guardian-line"></span>
            <div class="name">
              guardian-line
            </div>
            <div class="code-name">.icon-guardian-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcalculator-fill"></span>
            <div class="name">
              box calculator-fill
            </div>
            <div class="code-name">.icon-a-boxcalculator-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-locus-line"></span>
            <div class="name">
              locus-line
            </div>
            <div class="code-name">.icon-locus-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsnews-line"></span>
            <div class="name">
              bills news-line
            </div>
            <div class="code-name">.icon-a-billsnews-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-load2-line"></span>
            <div class="name">
              load 2-line
            </div>
            <div class="code-name">.icon-a-load2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bin-line"></span>
            <div class="name">
              bin-line
            </div>
            <div class="code-name">.icon-bin-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-load1-line"></span>
            <div class="name">
              load 1-line
            </div>
            <div class="code-name">.icon-a-load1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother2-fill"></span>
            <div class="name">
              bills other 2-fill
            </div>
            <div class="code-name">.icon-a-billsother2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-manage-line"></span>
            <div class="name">
              manage-line
            </div>
            <div class="code-name">.icon-manage-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxtier-fill"></span>
            <div class="name">
              box tier-fill
            </div>
            <div class="code-name">.icon-a-boxtier-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-locus-fill"></span>
            <div class="name">
              locus-fill
            </div>
            <div class="code-name">.icon-locus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother4-fill"></span>
            <div class="name">
              bills other 4-fill
            </div>
            <div class="code-name">.icon-a-billsother4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-left-fill"></span>
            <div class="name">
              left-fill
            </div>
            <div class="code-name">.icon-left-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxmessage-line"></span>
            <div class="name">
              box message-line
            </div>
            <div class="code-name">.icon-a-boxmessage-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail-fill"></span>
            <div class="name">
              mail-fill
            </div>
            <div class="code-name">.icon-mail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-box-fill"></span>
            <div class="name">
              box #-fill
            </div>
            <div class="code-name">.icon-a-box-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-log-line"></span>
            <div class="name">
              log-line
            </div>
            <div class="code-name">.icon-log-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxadd-fill"></span>
            <div class="name">
              box add-fill
            </div>
            <div class="code-name">.icon-a-boxadd-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-leftround-line"></span>
            <div class="name">
              left round-line
            </div>
            <div class="code-name">.icon-a-leftround-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxlevel-line"></span>
            <div class="name">
              box level-line
            </div>
            <div class="code-name">.icon-a-boxlevel-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mail-line"></span>
            <div class="name">
              mail-line
            </div>
            <div class="code-name">.icon-mail-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxadd-line"></span>
            <div class="name">
              box add-line
            </div>
            <div class="code-name">.icon-a-boxadd-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-like-line"></span>
            <div class="name">
              like-line
            </div>
            <div class="code-name">.icon-like-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-box-line"></span>
            <div class="name">
              box #-line
            </div>
            <div class="code-name">.icon-a-box-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-medal-line"></span>
            <div class="name">
              medal-line
            </div>
            <div class="code-name">.icon-medal-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxproportion-line"></span>
            <div class="name">
              box proportion-line
            </div>
            <div class="code-name">.icon-a-boxproportion-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-message1-line"></span>
            <div class="name">
              message 1-line
            </div>
            <div class="code-name">.icon-a-message1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book-fill"></span>
            <div class="name">
              book-fill
            </div>
            <div class="code-name">.icon-book-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-microscope-fill"></span>
            <div class="name">
              microscope-fill
            </div>
            <div class="code-name">.icon-microscope-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcommand-fill"></span>
            <div class="name">
              box command-fill
            </div>
            <div class="code-name">.icon-a-boxcommand-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minibus-fill"></span>
            <div class="name">
              minibus-fill
            </div>
            <div class="code-name">.icon-minibus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bookbinding-fill"></span>
            <div class="name">
              bookbinding-fill
            </div>
            <div class="code-name">.icon-bookbinding-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-message4-line"></span>
            <div class="name">
              message 4-line
            </div>
            <div class="code-name">.icon-a-message4-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxopen-fill"></span>
            <div class="name">
              box open-fill
            </div>
            <div class="code-name">.icon-a-boxopen-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-message3-fill"></span>
            <div class="name">
              message 3-fill
            </div>
            <div class="code-name">.icon-a-message3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxquestion-line"></span>
            <div class="name">
              box question-line
            </div>
            <div class="code-name">.icon-a-boxquestion-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-message2-fill"></span>
            <div class="name">
              message 2-fill
            </div>
            <div class="code-name">.icon-a-message2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-broker-line"></span>
            <div class="name">
              broker-line
            </div>
            <div class="code-name">.icon-broker-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-microscope-line"></span>
            <div class="name">
              microscope-line
            </div>
            <div class="code-name">.icon-microscope-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxtier-line"></span>
            <div class="name">
              box tier-line
            </div>
            <div class="code-name">.icon-a-boxtier-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minibus-line"></span>
            <div class="name">
              minibus-line
            </div>
            <div class="code-name">.icon-minibus-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxlist-line"></span>
            <div class="name">
              box list-line
            </div>
            <div class="code-name">.icon-a-boxlist-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-message2-line"></span>
            <div class="name">
              message 2-line
            </div>
            <div class="code-name">.icon-a-message2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-browse-fill"></span>
            <div class="name">
              browse-fill
            </div>
            <div class="code-name">.icon-browse-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-moreround-fill"></span>
            <div class="name">
              more round-fill
            </div>
            <div class="code-name">.icon-a-moreround-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother1-fill"></span>
            <div class="name">
              bills other 1-fill
            </div>
            <div class="code-name">.icon-a-billsother1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-monitor-line"></span>
            <div class="name">
              monitor-line
            </div>
            <div class="code-name">.icon-monitor-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxset-fill"></span>
            <div class="name">
              box set-fill
            </div>
            <div class="code-name">.icon-a-boxset-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mute-fill"></span>
            <div class="name">
              mute-fill
            </div>
            <div class="code-name">.icon-mute-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxminus-line"></span>
            <div class="name">
              box minus-line
            </div>
            <div class="code-name">.icon-a-boxminus-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-mesh1-line"></span>
            <div class="name">
              mesh 1-line
            </div>
            <div class="code-name">.icon-a-mesh1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxsubtract-line"></span>
            <div class="name">
              box subtract-line
            </div>
            <div class="code-name">.icon-a-boxsubtract-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mute-line"></span>
            <div class="name">
              mute-line
            </div>
            <div class="code-name">.icon-mute-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxchoice-fill"></span>
            <div class="name">
              box choice-fill
            </div>
            <div class="code-name">.icon-a-boxchoice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nail-line"></span>
            <div class="name">
              nail-line
            </div>
            <div class="code-name">.icon-nail-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Calculation-line"></span>
            <div class="name">
              Calculation-line
            </div>
            <div class="code-name">.icon-Calculation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news-line"></span>
            <div class="name">
              news-line
            </div>
            <div class="code-name">.icon-news-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcommand-line"></span>
            <div class="name">
              box command-line
            </div>
            <div class="code-name">.icon-a-boxcommand-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-motorvan-line"></span>
            <div class="name">
              motor van-line
            </div>
            <div class="code-name">.icon-a-motorvan-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother2-line"></span>
            <div class="name">
              bills other 2-line
            </div>
            <div class="code-name">.icon-a-billsother2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-notebookcomputer-line"></span>
            <div class="name">
              notebook computer-line
            </div>
            <div class="code-name">.icon-a-notebookcomputer-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-camera-line"></span>
            <div class="name">
              camera-line
            </div>
            <div class="code-name">.icon-camera-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-normalform-line"></span>
            <div class="name">
              normal form-line
            </div>
            <div class="code-name">.icon-a-normalform-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxlist-fill"></span>
            <div class="name">
              box list-fill
            </div>
            <div class="code-name">.icon-a-boxlist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-package2-line"></span>
            <div class="name">
              package 2-line
            </div>
            <div class="code-name">.icon-a-package2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cash-fill"></span>
            <div class="name">
              cash %-fill
            </div>
            <div class="code-name">.icon-a-cash-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-packageadd-line"></span>
            <div class="name">
              package add-line
            </div>
            <div class="code-name">.icon-a-packageadd-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxswitch-fill"></span>
            <div class="name">
              box switch-fill
            </div>
            <div class="code-name">.icon-a-boxswitch-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-passwordopen-line"></span>
            <div class="name">
              password open-line
            </div>
            <div class="code-name">.icon-a-passwordopen-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxfinish-fill"></span>
            <div class="name">
              box finish-fill
            </div>
            <div class="code-name">.icon-a-boxfinish-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pennant-line"></span>
            <div class="name">
              pennant-line
            </div>
            <div class="code-name">.icon-pennant-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-books-fill"></span>
            <div class="name">
              books-fill
            </div>
            <div class="code-name">.icon-books-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-picture-fill"></span>
            <div class="name">
              picture-fill
            </div>
            <div class="code-name">.icon-picture-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cabinet-fill"></span>
            <div class="name">
              cabinet-fill
            </div>
            <div class="code-name">.icon-cabinet-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-peoplecloud-line"></span>
            <div class="name">
              people cloud-line
            </div>
            <div class="code-name">.icon-a-peoplecloud-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxmessage-fill"></span>
            <div class="name">
              box message-fill
            </div>
            <div class="code-name">.icon-a-boxmessage-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-printer-fill"></span>
            <div class="name">
              printer-fill
            </div>
            <div class="code-name">.icon-printer-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxdown-line"></span>
            <div class="name">
              box down-line
            </div>
            <div class="code-name">.icon-a-boxdown-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-printer-line"></span>
            <div class="name">
              printer-line
            </div>
            <div class="code-name">.icon-printer-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcontrol-line"></span>
            <div class="name">
              box control-line
            </div>
            <div class="code-name">.icon-a-boxcontrol-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-problem-line"></span>
            <div class="name">
              problem-line
            </div>
            <div class="code-name">.icon-problem-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bluetooth-line"></span>
            <div class="name">
              bluetooth-line
            </div>
            <div class="code-name">.icon-bluetooth-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-radar-fill"></span>
            <div class="name">
              radar-fill
            </div>
            <div class="code-name">.icon-radar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxaddition-line"></span>
            <div class="name">
              box addition-line
            </div>
            <div class="code-name">.icon-a-boxaddition-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-projectionscreen-line"></span>
            <div class="name">
              projection screen-line
            </div>
            <div class="code-name">.icon-a-projectionscreen-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bluetooth-fill"></span>
            <div class="name">
              bluetooth-fill
            </div>
            <div class="code-name">.icon-bluetooth-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-rankinglist-fill"></span>
            <div class="name">
              ranking list-fill
            </div>
            <div class="code-name">.icon-a-rankinglist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsuser-line"></span>
            <div class="name">
              bills user-line
            </div>
            <div class="code-name">.icon-a-billsuser-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quit-line"></span>
            <div class="name">
              quit-line
            </div>
            <div class="code-name">.icon-quit-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxminus-fill"></span>
            <div class="name">
              box minus-fill
            </div>
            <div class="code-name">.icon-a-boxminus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-qualitysystem-line"></span>
            <div class="name">
              quality system-line
            </div>
            <div class="code-name">.icon-a-qualitysystem-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxdown-fill"></span>
            <div class="name">
              box down-fill
            </div>
            <div class="code-name">.icon-a-boxdown-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-read-line"></span>
            <div class="name">
              read-line
            </div>
            <div class="code-name">.icon-read-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-businessman-line"></span>
            <div class="name">
              businessman-line
            </div>
            <div class="code-name">.icon-businessman-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-qrcode2-line"></span>
            <div class="name">
              qr code 2-line
            </div>
            <div class="code-name">.icon-a-qrcode2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cardinformation-line"></span>
            <div class="name">
              card information-line
            </div>
            <div class="code-name">.icon-a-cardinformation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-recordchart-fill"></span>
            <div class="name">
              record chart-fill
            </div>
            <div class="code-name">.icon-a-recordchart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cash-line"></span>
            <div class="name">
              cash %-line
            </div>
            <div class="code-name">.icon-a-cash-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-reflecton-line"></span>
            <div class="name">
              reflect on-line
            </div>
            <div class="code-name">.icon-a-reflecton-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-call-board-line"></span>
            <div class="name">
              call-board-line
            </div>
            <div class="code-name">.icon-call-board-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-relation9-fill"></span>
            <div class="name">
              relation 9-fill
            </div>
            <div class="code-name">.icon-a-relation9-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxchoice-line"></span>
            <div class="name">
              box choice-line
            </div>
            <div class="code-name">.icon-a-boxchoice-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-relation8-fill"></span>
            <div class="name">
              relation 8-fill
            </div>
            <div class="code-name">.icon-a-relation8-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxchoose-line"></span>
            <div class="name">
              box choose-line
            </div>
            <div class="code-name">.icon-a-boxchoose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-remind-line"></span>
            <div class="name">
              remind-line
            </div>
            <div class="code-name">.icon-remind-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsmessage-line"></span>
            <div class="name">
              bills message-line
            </div>
            <div class="code-name">.icon-a-billsmessage-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-rightorwrong-line"></span>
            <div class="name">
              right or wrong-line
            </div>
            <div class="code-name">.icon-a-rightorwrong-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-building-line"></span>
            <div class="name">
              building-line
            </div>
            <div class="code-name">.icon-building-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-rightto-fill"></span>
            <div class="name">
              right to-fill
            </div>
            <div class="code-name">.icon-a-rightto-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-briefcase-line"></span>
            <div class="name">
              briefcase-line
            </div>
            <div class="code-name">.icon-briefcase-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-rightto-line"></span>
            <div class="name">
              right to-line
            </div>
            <div class="code-name">.icon-a-rightto-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxclose-line"></span>
            <div class="name">
              box close-line
            </div>
            <div class="code-name">.icon-a-boxclose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rocket-line"></span>
            <div class="name">
              rocket-line
            </div>
            <div class="code-name">.icon-rocket-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bulletin-line"></span>
            <div class="name">
              bulletin-line
            </div>
            <div class="code-name">.icon-bulletin-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-robot-line"></span>
            <div class="name">
              robot-line
            </div>
            <div class="code-name">.icon-robot-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcirculation-fill"></span>
            <div class="name">
              box circulation-fill
            </div>
            <div class="code-name">.icon-a-boxcirculation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-roundstructure3-line"></span>
            <div class="name">
              round structure 3-line
            </div>
            <div class="code-name">.icon-a-roundstructure3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxput-line"></span>
            <div class="name">
              box put-line
            </div>
            <div class="code-name">.icon-a-boxput-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-roundstructure4-fill"></span>
            <div class="name">
              round structure 4-fill
            </div>
            <div class="code-name">.icon-a-roundstructure4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cash-fill"></span>
            <div class="name">
              cash-fill
            </div>
            <div class="code-name">.icon-cash-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-route5-fill"></span>
            <div class="name">
              route 5-fill
            </div>
            <div class="code-name">.icon-a-route5-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxtrend-line"></span>
            <div class="name">
              box trend-line
            </div>
            <div class="code-name">.icon-a-boxtrend-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-route4-fill"></span>
            <div class="name">
              route 4-fill
            </div>
            <div class="code-name">.icon-a-route4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cargocontainer-fill"></span>
            <div class="name">
              cargo container-fill
            </div>
            <div class="code-name">.icon-a-cargocontainer-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-router1-fill"></span>
            <div class="name">
              router 1-fill
            </div>
            <div class="code-name">.icon-a-router1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-books-line"></span>
            <div class="name">
              books-line
            </div>
            <div class="code-name">.icon-books-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-router5-line"></span>
            <div class="name">
              router 5-line
            </div>
            <div class="code-name">.icon-a-router5-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Calculator-fill"></span>
            <div class="name">
              Calculator-fill
            </div>
            <div class="code-name">.icon-Calculator-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-router3-line"></span>
            <div class="name">
              router 3-line
            </div>
            <div class="code-name">.icon-a-router3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-brush-line"></span>
            <div class="name">
              brush-line
            </div>
            <div class="code-name">.icon-brush-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-safetyofficer-line"></span>
            <div class="name">
              safety officer-line
            </div>
            <div class="code-name">.icon-a-safetyofficer-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-church-fill"></span>
            <div class="name">
              church-fill
            </div>
            <div class="code-name">.icon-church-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-rulerpen-line"></span>
            <div class="name">
              ruler pen-line
            </div>
            <div class="code-name">.icon-a-rulerpen-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxproportion-fill"></span>
            <div class="name">
              box proportion-fill
            </div>
            <div class="code-name">.icon-a-boxproportion-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-salesreturn-line"></span>
            <div class="name">
              sales return-line
            </div>
            <div class="code-name">.icon-a-salesreturn-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cart-fill"></span>
            <div class="name">
              cart-fill
            </div>
            <div class="code-name">.icon-cart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-scan2-line"></span>
            <div class="name">
              scan 2-line
            </div>
            <div class="code-name">.icon-a-scan2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cardinformation-fill"></span>
            <div class="name">
              card information-fill
            </div>
            <div class="code-name">.icon-a-cardinformation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-scan1-line"></span>
            <div class="name">
              scan 1-line
            </div>
            <div class="code-name">.icon-a-scan1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-businessman-fill"></span>
            <div class="name">
              businessman-fill
            </div>
            <div class="code-name">.icon-businessman-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-router4-line"></span>
            <div class="name">
              router 4-line
            </div>
            <div class="code-name">.icon-a-router4-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxclose-fill"></span>
            <div class="name">
              box close-fill
            </div>
            <div class="code-name">.icon-a-boxclose-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-scanqrcode-line"></span>
            <div class="name">
              scan qr code-line
            </div>
            <div class="code-name">.icon-a-scanqrcode-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caution-fill"></span>
            <div class="name">
              caution-fill
            </div>
            <div class="code-name">.icon-caution-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-scanpeople-line"></span>
            <div class="name">
              scan people-line
            </div>
            <div class="code-name">.icon-a-scanpeople-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-box-line"></span>
            <div class="name">
              box-line
            </div>
            <div class="code-name">.icon-box-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-scanqrcode-fill"></span>
            <div class="name">
              scan qr code-fill
            </div>
            <div class="code-name">.icon-a-scanqrcode-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cd-fill"></span>
            <div class="name">
              cd-fill
            </div>
            <div class="code-name">.icon-cd-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sd-line"></span>
            <div class="name">
              sd-line
            </div>
            <div class="code-name">.icon-sd-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-brush-fill"></span>
            <div class="name">
              brush-fill
            </div>
            <div class="code-name">.icon-brush-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-screenlist-line"></span>
            <div class="name">
              screen list-line
            </div>
            <div class="code-name">.icon-a-screenlist-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chest-fill"></span>
            <div class="name">
              chest-fill
            </div>
            <div class="code-name">.icon-chest-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-securitychose-line"></span>
            <div class="name">
              security chose-line
            </div>
            <div class="code-name">.icon-a-securitychose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Calculator-line"></span>
            <div class="name">
              Calculator-line
            </div>
            <div class="code-name">.icon-Calculator-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-sendout-fill"></span>
            <div class="name">
              send out-fill
            </div>
            <div class="code-name">.icon-a-sendout-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxdownload-line"></span>
            <div class="name">
              box download-line
            </div>
            <div class="code-name">.icon-a-boxdownload-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sendmail-fill"></span>
            <div class="name">
              sendmail-fill
            </div>
            <div class="code-name">.icon-sendmail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bug-line"></span>
            <div class="name">
              bug-line
            </div>
            <div class="code-name">.icon-bug-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-send-line"></span>
            <div class="name">
              send-line
            </div>
            <div class="code-name">.icon-send-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cancel-fill"></span>
            <div class="name">
              cancel-fill
            </div>
            <div class="code-name">.icon-cancel-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-sendout-line"></span>
            <div class="name">
              send out-line
            </div>
            <div class="code-name">.icon-a-sendout-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother1-line"></span>
            <div class="name">
              bills other 1-line
            </div>
            <div class="code-name">.icon-a-billsother1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sendmail-line"></span>
            <div class="name">
              sendmail-line
            </div>
            <div class="code-name">.icon-sendmail-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-book-line"></span>
            <div class="name">
              book-line
            </div>
            <div class="code-name">.icon-book-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-service-line"></span>
            <div class="name">
              service-line
            </div>
            <div class="code-name">.icon-service-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-building-fill"></span>
            <div class="name">
              building-fill
            </div>
            <div class="code-name">.icon-building-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-service-fill"></span>
            <div class="name">
              service-fill
            </div>
            <div class="code-name">.icon-service-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-briefcase-fill"></span>
            <div class="name">
              briefcase-fill
            </div>
            <div class="code-name">.icon-briefcase-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-set-fill"></span>
            <div class="name">
              set-fill
            </div>
            <div class="code-name">.icon-set-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cardreader-line"></span>
            <div class="name">
              card reader-line
            </div>
            <div class="code-name">.icon-a-cardreader-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-set-line"></span>
            <div class="name">
              set-line
            </div>
            <div class="code-name">.icon-set-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cardreader-fill"></span>
            <div class="name">
              card reader-fill
            </div>
            <div class="code-name">.icon-a-cardreader-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-share1-fill"></span>
            <div class="name">
              share 1-fill
            </div>
            <div class="code-name">.icon-a-share1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cargocontainer-line"></span>
            <div class="name">
              cargo container-line
            </div>
            <div class="code-name">.icon-a-cargocontainer-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shine-fill"></span>
            <div class="name">
              shine-fill
            </div>
            <div class="code-name">.icon-shine-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bulletinboard-fill"></span>
            <div class="name">
              bulletin board-fill
            </div>
            <div class="code-name">.icon-a-bulletinboard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shield-fill"></span>
            <div class="name">
              shield-fill
            </div>
            <div class="code-name">.icon-shield-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother3-line"></span>
            <div class="name">
              bills other 3-line
            </div>
            <div class="code-name">.icon-a-billsother3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shield-line"></span>
            <div class="name">
              shield-line
            </div>
            <div class="code-name">.icon-shield-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-camera-fill"></span>
            <div class="name">
              camera-fill
            </div>
            <div class="code-name">.icon-camera-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shoppingtrolley-fill"></span>
            <div class="name">
              shopping trolley-fill
            </div>
            <div class="code-name">.icon-a-shoppingtrolley-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bookbinding-line"></span>
            <div class="name">
              bookbinding-line
            </div>
            <div class="code-name">.icon-bookbinding-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shoppingbox-line"></span>
            <div class="name">
              shopping box-line
            </div>
            <div class="code-name">.icon-a-shoppingbox-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circles-fill"></span>
            <div class="name">
              circles-fill
            </div>
            <div class="code-name">.icon-circles-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shoppingbag-line"></span>
            <div class="name">
              shopping bag-line
            </div>
            <div class="code-name">.icon-a-shoppingbag-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chest-line"></span>
            <div class="name">
              chest-line
            </div>
            <div class="code-name">.icon-chest-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shrink-line"></span>
            <div class="name">
              shrink-line
            </div>
            <div class="code-name">.icon-shrink-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-choose-line"></span>
            <div class="name">
              choose -line
            </div>
            <div class="code-name">.icon-a-choose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-SignalPoint-line"></span>
            <div class="name">
              Signal Point-line
            </div>
            <div class="code-name">.icon-a-SignalPoint-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxswitch-line"></span>
            <div class="name">
              box switch-line
            </div>
            <div class="code-name">.icon-a-boxswitch-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-situation-fill"></span>
            <div class="name">
              situation-fill
            </div>
            <div class="code-name">.icon-situation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bug-fill"></span>
            <div class="name">
              bug-fill
            </div>
            <div class="code-name">.icon-bug-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shrinkage1-line"></span>
            <div class="name">
              shrinkage 1-line
            </div>
            <div class="code-name">.icon-a-shrinkage1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-change-fill"></span>
            <div class="name">
              change-fill
            </div>
            <div class="code-name">.icon-change-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-site-line"></span>
            <div class="name">
              site-line
            </div>
            <div class="code-name">.icon-site-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-circlelink-line"></span>
            <div class="name">
              circle link-line
            </div>
            <div class="code-name">.icon-a-circlelink-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stamp-fill"></span>
            <div class="name">
              stamp-fill
            </div>
            <div class="code-name">.icon-stamp-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cipher-line"></span>
            <div class="name">
              cipher-line
            </div>
            <div class="code-name">.icon-cipher-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-statisticalviewpiechart2-fill"></span>
            <div class="name">
              statistical view pie chart 2-fill
            </div>
            <div class="code-name">.icon-a-statisticalviewpiechart2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cancellingstocks-line"></span>
            <div class="name">
              cancelling stocks-line
            </div>
            <div class="code-name">.icon-a-cancellingstocks-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-statisticalviewpiechart3-fill"></span>
            <div class="name">
              statistical view pie chart 3-fill
            </div>
            <div class="code-name">.icon-a-statisticalviewpiechart3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-case-line"></span>
            <div class="name">
              case-line
            </div>
            <div class="code-name">.icon-case-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-statisticalviewpiechart3-line"></span>
            <div class="name">
              statistical view pie chart 3-line
            </div>
            <div class="code-name">.icon-a-statisticalviewpiechart3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cart-line"></span>
            <div class="name">
              cart-line
            </div>
            <div class="code-name">.icon-cart-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-statisticalviewradarmap-fill"></span>
            <div class="name">
              statistical view radar map-fill
            </div>
            <div class="code-name">.icon-a-statisticalviewradarmap-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cash-line"></span>
            <div class="name">
              cash-line
            </div>
            <div class="code-name">.icon-cash-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-statisticalviewradarmap-line"></span>
            <div class="name">
              statistical view radar map-line
            </div>
            <div class="code-name">.icon-a-statisticalviewradarmap-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chip-fill"></span>
            <div class="name">
              chip-fill
            </div>
            <div class="code-name">.icon-chip-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-structure2-fill"></span>
            <div class="name">
              structure 2-fill
            </div>
            <div class="code-name">.icon-a-structure2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-change-line"></span>
            <div class="name">
              change-line
            </div>
            <div class="code-name">.icon-change-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-statisticalviewscatterdiagram-line"></span>
            <div class="name">
              statistical view scatter diagram-line
            </div>
            <div class="code-name">.icon-a-statisticalviewscatterdiagram-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-circulation-line"></span>
            <div class="name">
              circulation-line
            </div>
            <div class="code-name">.icon-circulation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stencil-fill"></span>
            <div class="name">
              stencil-fill
            </div>
            <div class="code-name">.icon-stencil-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cipheropen-line"></span>
            <div class="name">
              cipher open-line
            </div>
            <div class="code-name">.icon-a-cipheropen-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-store-line"></span>
            <div class="name">
              store-line
            </div>
            <div class="code-name">.icon-store-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcalculator-line"></span>
            <div class="name">
              box calculator-line
            </div>
            <div class="code-name">.icon-a-boxcalculator-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stickup-line"></span>
            <div class="name">
              stickup-line
            </div>
            <div class="code-name">.icon-stickup-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cabinet-line"></span>
            <div class="name">
              cabinet-line
            </div>
            <div class="code-name">.icon-cabinet-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-structure5-line"></span>
            <div class="name">
              structure 5-line
            </div>
            <div class="code-name">.icon-a-structure5-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bulletinboard-line"></span>
            <div class="name">
              bulletin board-line
            </div>
            <div class="code-name">.icon-a-bulletinboard-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-study-fill"></span>
            <div class="name">
              study-fill
            </div>
            <div class="code-name">.icon-study-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxtrend-fill"></span>
            <div class="name">
              box trend-fill
            </div>
            <div class="code-name">.icon-a-boxtrend-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-study-line"></span>
            <div class="name">
              study-line
            </div>
            <div class="code-name">.icon-study-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar-line"></span>
            <div class="name">
              calendar-line
            </div>
            <div class="code-name">.icon-calendar-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tag-line"></span>
            <div class="name">
              tag-line
            </div>
            <div class="code-name">.icon-tag-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bulletin-fill"></span>
            <div class="name">
              bulletin-fill
            </div>
            <div class="code-name">.icon-bulletin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-switchon-line"></span>
            <div class="name">
              switch on-line
            </div>
            <div class="code-name">.icon-a-switchon-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-choose-line"></span>
            <div class="name">
              choose-line
            </div>
            <div class="code-name">.icon-choose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-template4-fill"></span>
            <div class="name">
              template 4-fill
            </div>
            <div class="code-name">.icon-a-template4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cardbag-line"></span>
            <div class="name">
              card bag-line
            </div>
            <div class="code-name">.icon-a-cardbag-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-template3-fill"></span>
            <div class="name">
              template 3-fill
            </div>
            <div class="code-name">.icon-a-template3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxquestion-fill"></span>
            <div class="name">
              box question-fill
            </div>
            <div class="code-name">.icon-a-boxquestion-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tag-fill"></span>
            <div class="name">
              tag-fill
            </div>
            <div class="code-name">.icon-tag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-centralbank-fill"></span>
            <div class="name">
              central bank-fill
            </div>
            <div class="code-name">.icon-a-centralbank-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-texteditorcut-line"></span>
            <div class="name">
              text editor cut-line
            </div>
            <div class="code-name">.icon-a-texteditorcut-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cardbag-fill"></span>
            <div class="name">
              card bag-fill
            </div>
            <div class="code-name">.icon-a-cardbag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-templatesearch-fill"></span>
            <div class="name">
              template search-fill
            </div>
            <div class="code-name">.icon-a-templatesearch-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-closeline-line"></span>
            <div class="name">
              close line-line
            </div>
            <div class="code-name">.icon-a-closeline-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-texteditorcase-line"></span>
            <div class="name">
              text editor case-line
            </div>
            <div class="code-name">.icon-a-texteditorcase-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clickon-fill"></span>
            <div class="name">
              click on-fill
            </div>
            <div class="code-name">.icon-a-clickon-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-templatelist1-line"></span>
            <div class="name">
              template list 1-line
            </div>
            <div class="code-name">.icon-a-templatelist1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cipheropen-fill"></span>
            <div class="name">
              cipher open-fill
            </div>
            <div class="code-name">.icon-a-cipheropen-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-template1-fill"></span>
            <div class="name">
              template 1-fill
            </div>
            <div class="code-name">.icon-a-template1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-catalog-fill"></span>
            <div class="name">
              catalog-fill
            </div>
            <div class="code-name">.icon-catalog-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-texteditorsaveas-line"></span>
            <div class="name">
              text editor save as-line
            </div>
            <div class="code-name">.icon-a-texteditorsaveas-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-case-fill"></span>
            <div class="name">
              case-fill
            </div>
            <div class="code-name">.icon-case-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-texteditorstickup-line"></span>
            <div class="name">
              text editor stickup-line
            </div>
            <div class="code-name">.icon-a-texteditorstickup-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clock1-line"></span>
            <div class="name">
              clock 1-line
            </div>
            <div class="code-name">.icon-a-clock1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-texteditorunfold-line"></span>
            <div class="name">
              text editor unfold-line
            </div>
            <div class="code-name">.icon-a-texteditorunfold-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cancel-line"></span>
            <div class="name">
              cancel-line
            </div>
            <div class="code-name">.icon-cancel-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-textbook-line"></span>
            <div class="name">
              textbook-line
            </div>
            <div class="code-name">.icon-textbook-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-church-line"></span>
            <div class="name">
              church-line
            </div>
            <div class="code-name">.icon-church-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-texteditorleftalignment-line"></span>
            <div class="name">
              text editor left alignment -line
            </div>
            <div class="code-name">.icon-a-texteditorleftalignment-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-charging-line"></span>
            <div class="name">
              charging-line
            </div>
            <div class="code-name">.icon-charging-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tier-line"></span>
            <div class="name">
              tier-line
            </div>
            <div class="code-name">.icon-tier-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxput-fill"></span>
            <div class="name">
              box put-fill
            </div>
            <div class="code-name">.icon-a-boxput-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-underlinefill-line"></span>
            <div class="name">
              under line fill-line
            </div>
            <div class="code-name">.icon-a-underlinefill-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxdownload-fill"></span>
            <div class="name">
              box download-fill
            </div>
            <div class="code-name">.icon-a-boxdownload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-transmission-line"></span>
            <div class="name">
              transmission-line
            </div>
            <div class="code-name">.icon-transmission-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clock4-line"></span>
            <div class="name">
              clock 4-line
            </div>
            <div class="code-name">.icon-a-clock4-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-unwind1-line"></span>
            <div class="name">
              unwind 1-line
            </div>
            <div class="code-name">.icon-a-unwind1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-call-board-fill"></span>
            <div class="name">
              call-board-fill
            </div>
            <div class="code-name">.icon-call-board-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-transmit-line"></span>
            <div class="name">
              transmit-line
            </div>
            <div class="code-name">.icon-transmit-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clock2-line"></span>
            <div class="name">
              clock 2-line
            </div>
            <div class="code-name">.icon-a-clock2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-useradd-line"></span>
            <div class="name">
              user add-line
            </div>
            <div class="code-name">.icon-a-useradd-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chip-line"></span>
            <div class="name">
              chip-line
            </div>
            <div class="code-name">.icon-chip-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userlister-line"></span>
            <div class="name">
              user lister-line
            </div>
            <div class="code-name">.icon-a-userlister-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-click-line"></span>
            <div class="name">
              click-line
            </div>
            <div class="code-name">.icon-click-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userpermissions-fill"></span>
            <div class="name">
              user permissions-fill
            </div>
            <div class="code-name">.icon-a-userpermissions-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-catalog-line"></span>
            <div class="name">
              catalog-line
            </div>
            <div class="code-name">.icon-catalog-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userminus-line"></span>
            <div class="name">
              user minus-line
            </div>
            <div class="code-name">.icon-a-userminus-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudadd-fill"></span>
            <div class="name">
              cloud add-fill
            </div>
            <div class="code-name">.icon-a-cloudadd-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userminus-fill"></span>
            <div class="name">
              user minus-fill
            </div>
            <div class="code-name">.icon-a-userminus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-closeleft-line"></span>
            <div class="name">
              close left-line
            </div>
            <div class="code-name">.icon-a-closeleft-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userpermissions-line"></span>
            <div class="name">
              user permissions-line
            </div>
            <div class="code-name">.icon-a-userpermissions-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cancellingstocks-fill"></span>
            <div class="name">
              cancelling stocks-fill
            </div>
            <div class="code-name">.icon-a-cancellingstocks-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userset-line"></span>
            <div class="name">
              user set-line
            </div>
            <div class="code-name">.icon-a-userset-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar-fill"></span>
            <div class="name">
              calendar-fill
            </div>
            <div class="code-name">.icon-calendar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userswitch-fill"></span>
            <div class="name">
              user switch-fill
            </div>
            <div class="code-name">.icon-a-userswitch-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caution-line"></span>
            <div class="name">
              caution-line
            </div>
            <div class="code-name">.icon-caution-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-userset-fill"></span>
            <div class="name">
              user set-fill
            </div>
            <div class="code-name">.icon-a-userset-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-choose-fill"></span>
            <div class="name">
              choose-fill
            </div>
            <div class="code-name">.icon-choose-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-voiceclose-fill"></span>
            <div class="name">
              voice close-fill
            </div>
            <div class="code-name">.icon-a-voiceclose-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clock2-fill"></span>
            <div class="name">
              clock 2-fill
            </div>
            <div class="code-name">.icon-a-clock2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-voice-fill"></span>
            <div class="name">
              voice-fill
            </div>
            <div class="code-name">.icon-voice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clock3-fill"></span>
            <div class="name">
              clock 3-fill
            </div>
            <div class="code-name">.icon-a-clock3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-volume-line"></span>
            <div class="name">
              volume-line
            </div>
            <div class="code-name">.icon-volume-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close-line"></span>
            <div class="name">
              close-line
            </div>
            <div class="code-name">.icon-close-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-volume-fill"></span>
            <div class="name">
              volume-fill
            </div>
            <div class="code-name">.icon-volume-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-closeright-line"></span>
            <div class="name">
              close right-line
            </div>
            <div class="code-name">.icon-a-closeright-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-warehousewarning-line"></span>
            <div class="name">
              warehouse warning-line
            </div>
            <div class="code-name">.icon-a-warehousewarning-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudhosting-fill"></span>
            <div class="name">
              cloud hosting-fill
            </div>
            <div class="code-name">.icon-a-cloudhosting-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wallet-line"></span>
            <div class="name">
              wallet-line
            </div>
            <div class="code-name">.icon-wallet-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cargo-line"></span>
            <div class="name">
              cargo-line
            </div>
            <div class="code-name">.icon-cargo-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warehouse-line"></span>
            <div class="name">
              warehouse-line
            </div>
            <div class="code-name">.icon-warehouse-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-charging-fill"></span>
            <div class="name">
              charging-fill
            </div>
            <div class="code-name">.icon-charging-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-warehouse-fill"></span>
            <div class="name">
              warehouse-fill
            </div>
            <div class="code-name">.icon-warehouse-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-centralbank-line"></span>
            <div class="name">
              central bank-line
            </div>
            <div class="code-name">.icon-a-centralbank-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-wavingFlag-fill"></span>
            <div class="name">
              waving Flag-fill
            </div>
            <div class="code-name">.icon-a-wavingFlag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cargo-fill"></span>
            <div class="name">
              cargo-fill
            </div>
            <div class="code-name">.icon-cargo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-windvane-fill"></span>
            <div class="name">
              wind vane-fill
            </div>
            <div class="code-name">.icon-a-windvane-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudmanagement-fill"></span>
            <div class="name">
              cloud management-fill
            </div>
            <div class="code-name">.icon-a-cloudmanagement-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-webpage-line"></span>
            <div class="name">
              webpage-line
            </div>
            <div class="code-name">.icon-webpage-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clock3-line"></span>
            <div class="name">
              clock 3-line
            </div>
            <div class="code-name">.icon-a-clock3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-withdrawal-fill"></span>
            <div class="name">
              withdrawal-fill
            </div>
            <div class="code-name">.icon-withdrawal-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudcorrugated-fill"></span>
            <div class="name">
              cloud corrugated-fill
            </div>
            <div class="code-name">.icon-a-cloudcorrugated-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-withdrawal-line"></span>
            <div class="name">
              withdrawal-line
            </div>
            <div class="code-name">.icon-withdrawal-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clouddisplay-line"></span>
            <div class="name">
              cloud display-line
            </div>
            <div class="code-name">.icon-a-clouddisplay-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wifi-line"></span>
            <div class="name">
              wifi-line
            </div>
            <div class="code-name">.icon-wifi-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clouddisplay-fill"></span>
            <div class="name">
              cloud display-fill
            </div>
            <div class="code-name">.icon-a-clouddisplay-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wrench-fill"></span>
            <div class="name">
              wrench-fill
            </div>
            <div class="code-name">.icon-wrench-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudchoose-line"></span>
            <div class="name">
              cloud choose-line
            </div>
            <div class="code-name">.icon-a-cloudchoose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wrench-line"></span>
            <div class="name">
              wrench-line
            </div>
            <div class="code-name">.icon-wrench-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clickon-line"></span>
            <div class="name">
              click on-line
            </div>
            <div class="code-name">.icon-a-clickon-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudeditor-line"></span>
            <div class="name">
              cloud editor-line
            </div>
            <div class="code-name">.icon-a-cloudeditor-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudinformation-line"></span>
            <div class="name">
              cloud information-line
            </div>
            <div class="code-name">.icon-a-cloudinformation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudmanagement-line"></span>
            <div class="name">
              cloud management-line
            </div>
            <div class="code-name">.icon-a-cloudmanagement-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudscreen-line"></span>
            <div class="name">
              cloud screen-line
            </div>
            <div class="code-name">.icon-a-cloudscreen-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-clouddownload-fill"></span>
            <div class="name">
              cloud download-fill
            </div>
            <div class="code-name">.icon-a-clouddownload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudeditor-fill"></span>
            <div class="name">
              cloud editor-fill
            </div>
            <div class="code-name">.icon-a-cloudeditor-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a--line"></span>
            <div class="name">
              @-line
            </div>
            <div class="code-name">.icon-a--line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-code-line"></span>
            <div class="name">
              code-line
            </div>
            <div class="code-name">.icon-code-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-activetab-fill"></span>
            <div class="name">
              active tab-fill
            </div>
            <div class="code-name">.icon-a-activetab-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-colorpalette-line"></span>
            <div class="name">
              color palette-line
            </div>
            <div class="code-name">.icon-a-colorpalette-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add-fill"></span>
            <div class="name">
              add-fill
            </div>
            <div class="code-name">.icon-add-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-computermore-line"></span>
            <div class="name">
              computer more-line
            </div>
            <div class="code-name">.icon-a-computermore-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-addresslist-fill"></span>
            <div class="name">
              address list-fill
            </div>
            <div class="code-name">.icon-a-addresslist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-compilebox-line"></span>
            <div class="name">
              compile box-line
            </div>
            <div class="code-name">.icon-a-compilebox-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-addresslist-line"></span>
            <div class="name">
              address list-line
            </div>
            <div class="code-name">.icon-a-addresslist-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-computerinformation-line"></span>
            <div class="name">
              computer information-line
            </div>
            <div class="code-name">.icon-a-computerinformation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-additionfile-line"></span>
            <div class="name">
              addition file-line
            </div>
            <div class="code-name">.icon-a-additionfile-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-computerproportion-line"></span>
            <div class="name">
              computer proportion-line
            </div>
            <div class="code-name">.icon-a-computerproportion-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-addressbook-fill"></span>
            <div class="name">
              address book-fill
            </div>
            <div class="code-name">.icon-a-addressbook-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudban-line"></span>
            <div class="name">
              cloud ban-line
            </div>
            <div class="code-name">.icon-a-cloudban-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add-line"></span>
            <div class="name">
              add-line
            </div>
            <div class="code-name">.icon-add-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-cloudupload-line"></span>
            <div class="name">
              cloud upload-line
            </div>
            <div class="code-name">.icon-a-cloudupload-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-addressbook-line"></span>
            <div class="name">
              address book-line
            </div>
            <div class="code-name">.icon-a-addressbook-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-computerwarning-line"></span>
            <div class="name">
              computer warning-line
            </div>
            <div class="code-name">.icon-a-computerwarning-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-addline-line"></span>
            <div class="name">
              add line-line
            </div>
            <div class="code-name">.icon-a-addline-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-computerset-line"></span>
            <div class="name">
              computer set-line
            </div>
            <div class="code-name">.icon-a-computerset-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-activetab-line"></span>
            <div class="name">
              active tab-line
            </div>
            <div class="code-name">.icon-a-activetab-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-controlpanel-line"></span>
            <div class="name">
              control panel-line
            </div>
            <div class="code-name">.icon-a-controlpanel-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admonish-fill"></span>
            <div class="name">
              admonish-fill
            </div>
            <div class="code-name">.icon-admonish-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-computertrend-line"></span>
            <div class="name">
              computer trend-line
            </div>
            <div class="code-name">.icon-a-computertrend-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-allocation-fill"></span>
            <div class="name">
              allocation-fill
            </div>
            <div class="code-name">.icon-allocation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cube-fill"></span>
            <div class="name">
              cube-fill
            </div>
            <div class="code-name">.icon-cube-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-all-fill"></span>
            <div class="name">
              all-fill
            </div>
            <div class="code-name">.icon-all-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-counterfoil-line"></span>
            <div class="name">
              counterfoil-line
            </div>
            <div class="code-name">.icon-counterfoil-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-allocation-line"></span>
            <div class="name">
              allocation-line
            </div>
            <div class="code-name">.icon-allocation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-convert-fill"></span>
            <div class="name">
              convert-fill
            </div>
            <div class="code-name">.icon-convert-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-adhibition-line"></span>
            <div class="name">
              adhibition-line
            </div>
            <div class="code-name">.icon-adhibition-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cube-line"></span>
            <div class="name">
              cube-line
            </div>
            <div class="code-name">.icon-cube-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admonish-line"></span>
            <div class="name">
              admonish-line
            </div>
            <div class="code-name">.icon-admonish-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete-line"></span>
            <div class="name">
              delete-line
            </div>
            <div class="code-name">.icon-delete-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alter-fill"></span>
            <div class="name">
              alter-fill
            </div>
            <div class="code-name">.icon-alter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-depot-line"></span>
            <div class="name">
              depot-line
            </div>
            <div class="code-name">.icon-depot-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount3-line"></span>
            <div class="name">
              amount 3-line
            </div>
            <div class="code-name">.icon-a-amount3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-depot-fill"></span>
            <div class="name">
              depot-fill
            </div>
            <div class="code-name">.icon-depot-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount3-fill"></span>
            <div class="name">
              amount 3-fill
            </div>
            <div class="code-name">.icon-a-amount3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diadema-line"></span>
            <div class="name">
              diadema-line
            </div>
            <div class="code-name">.icon-diadema-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount2-fill"></span>
            <div class="name">
              amount 2-fill
            </div>
            <div class="code-name">.icon-a-amount2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-decoration-line"></span>
            <div class="name">
              decoration-line
            </div>
            <div class="code-name">.icon-decoration-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount1-fill"></span>
            <div class="name">
              amount 1-fill
            </div>
            <div class="code-name">.icon-a-amount1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dial-fill"></span>
            <div class="name">
              dial-fill
            </div>
            <div class="code-name">.icon-dial-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount2-line"></span>
            <div class="name">
              amount 2-line
            </div>
            <div class="code-name">.icon-a-amount2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dial-line"></span>
            <div class="name">
              dial-line
            </div>
            <div class="code-name">.icon-dial-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount4-line"></span>
            <div class="name">
              amount 4-line
            </div>
            <div class="code-name">.icon-a-amount4-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diffusion-line"></span>
            <div class="name">
              diffusion-line
            </div>
            <div class="code-name">.icon-diffusion-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alter-line"></span>
            <div class="name">
              alter-line
            </div>
            <div class="code-name">.icon-alter-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-downloadto-line"></span>
            <div class="name">
              download to-line
            </div>
            <div class="code-name">.icon-a-downloadto-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount5-line"></span>
            <div class="name">
              amount 5-line
            </div>
            <div class="code-name">.icon-a-amount5-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-download-line"></span>
            <div class="name">
              download-line
            </div>
            <div class="code-name">.icon-download-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-amount4-fill"></span>
            <div class="name">
              amount 4-fill
            </div>
            <div class="code-name">.icon-a-amount4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-documentationupload-line"></span>
            <div class="name">
              documentation upload-line
            </div>
            <div class="code-name">.icon-a-documentationupload-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-android-line"></span>
            <div class="name">
              android-line
            </div>
            <div class="code-name">.icon-android-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-edit1-line"></span>
            <div class="name">
              edit 1-line
            </div>
            <div class="code-name">.icon-a-edit1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-android-fill"></span>
            <div class="name">
              android-fill
            </div>
            <div class="code-name">.icon-android-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-edit4-line"></span>
            <div class="name">
              edit 4-line
            </div>
            <div class="code-name">.icon-a-edit4-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-apple-fill"></span>
            <div class="name">
              apple-fill
            </div>
            <div class="code-name">.icon-apple-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enterprise-line"></span>
            <div class="name">
              enterprise-line
            </div>
            <div class="code-name">.icon-enterprise-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-annalupload-fill"></span>
            <div class="name">
              annal upload-fill
            </div>
            <div class="code-name">.icon-a-annalupload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dollar-line"></span>
            <div class="name">
              dollar-line
            </div>
            <div class="code-name">.icon-dollar-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-archivecatalogue-fill"></span>
            <div class="name">
              archive catalogue-fill
            </div>
            <div class="code-name">.icon-a-archivecatalogue-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-expandingfile-line"></span>
            <div class="name">
              expanding file-line
            </div>
            <div class="code-name">.icon-a-expandingfile-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-architecture-fill"></span>
            <div class="name">
              architecture-fill
            </div>
            <div class="code-name">.icon-architecture-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-expansion-line"></span>
            <div class="name">
              expansion-line
            </div>
            <div class="code-name">.icon-expansion-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-archivecatalogue-line"></span>
            <div class="name">
              archive catalogue-line
            </div>
            <div class="code-name">.icon-a-archivecatalogue-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-face2-line"></span>
            <div class="name">
              face 2-line
            </div>
            <div class="code-name">.icon-a-face2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-apple-line"></span>
            <div class="name">
              apple-line
            </div>
            <div class="code-name">.icon-apple-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-face4"></span>
            <div class="name">
              face 4
            </div>
            <div class="code-name">.icon-a-face4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-archives-line"></span>
            <div class="name">
              archives-line
            </div>
            <div class="code-name">.icon-archives-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-face3-line"></span>
            <div class="name">
              face 3-line
            </div>
            <div class="code-name">.icon-a-face3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-archives-fill"></span>
            <div class="name">
              archives-fill
            </div>
            <div class="code-name">.icon-archives-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-line"></span>
            <div class="name">
              eye-line
            </div>
            <div class="code-name">.icon-eye-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-api-fill"></span>
            <div class="name">
              api-fill
            </div>
            <div class="code-name">.icon-api-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-faultrun-line"></span>
            <div class="name">
              fault run-line
            </div>
            <div class="code-name">.icon-a-faultrun-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bankcard-fill"></span>
            <div class="name">
              bank card-fill
            </div>
            <div class="code-name">.icon-a-bankcard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filechoose-line"></span>
            <div class="name">
              file choose-line
            </div>
            <div class="code-name">.icon-a-filechoose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-array-line"></span>
            <div class="name">
              array-line
            </div>
            <div class="code-name">.icon-array-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filebag-line"></span>
            <div class="name">
              file bag-line
            </div>
            <div class="code-name">.icon-a-filebag-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-badge-fill"></span>
            <div class="name">
              badge-fill
            </div>
            <div class="code-name">.icon-badge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-face1-line"></span>
            <div class="name">
              face 1-line
            </div>
            <div class="code-name">.icon-a-face1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-awhirl-line"></span>
            <div class="name">
              awhirl-line
            </div>
            <div class="code-name">.icon-awhirl-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filecycle-line"></span>
            <div class="name">
              file cycle-line
            </div>
            <div class="code-name">.icon-a-filecycle-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-api-line"></span>
            <div class="name">
              api-line
            </div>
            <div class="code-name">.icon-api-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fileprint-line"></span>
            <div class="name">
              file print-line
            </div>
            <div class="code-name">.icon-a-fileprint-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-batterylow-line"></span>
            <div class="name">
              battery low-line
            </div>
            <div class="code-name">.icon-a-batterylow-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fileproportion-fill"></span>
            <div class="name">
              file proportion-fill
            </div>
            <div class="code-name">.icon-a-fileproportion-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-architecture-line"></span>
            <div class="name">
              architecture-line
            </div>
            <div class="code-name">.icon-architecture-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filequery-line"></span>
            <div class="name">
              file query-line
            </div>
            <div class="code-name">.icon-a-filequery-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-article-line"></span>
            <div class="name">
              article-line
            </div>
            <div class="code-name">.icon-article-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-flowchart2-fill"></span>
            <div class="name">
              flow chart 2-fill
            </div>
            <div class="code-name">.icon-a-flowchart2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-array-fill"></span>
            <div class="name">
              array-fill
            </div>
            <div class="code-name">.icon-array-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fileseal-fill"></span>
            <div class="name">
              file seal-fill
            </div>
            <div class="code-name">.icon-a-fileseal-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-article-fill"></span>
            <div class="name">
              article-fill
            </div>
            <div class="code-name">.icon-article-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fileppt-fill"></span>
            <div class="name">
              file ppt-fill
            </div>
            <div class="code-name">.icon-a-fileppt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bankenterprise-line"></span>
            <div class="name">
              bank enterprise-line
            </div>
            <div class="code-name">.icon-a-bankenterprise-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fileimportant-line"></span>
            <div class="name">
              file important-line
            </div>
            <div class="code-name">.icon-a-fileimportant-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bankenterprise-fill"></span>
            <div class="name">
              bank enterprise-fill
            </div>
            <div class="code-name">.icon-a-bankenterprise-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filelist-line"></span>
            <div class="name">
              file list-line
            </div>
            <div class="code-name">.icon-a-filelist-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-batterylow-fill"></span>
            <div class="name">
              battery low-fill
            </div>
            <div class="code-name">.icon-a-batterylow-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filetextset-line"></span>
            <div class="name">
              file text set-line
            </div>
            <div class="code-name">.icon-a-filetextset-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bank-line"></span>
            <div class="name">
              bank-line
            </div>
            <div class="code-name">.icon-bank-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filevoice-line"></span>
            <div class="name">
              file voice-line
            </div>
            <div class="code-name">.icon-a-filevoice-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills3-fill"></span>
            <div class="name">
              bills 3-fill
            </div>
            <div class="code-name">.icon-a-bills3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filelist-fill"></span>
            <div class="name">
              file list-fill
            </div>
            <div class="code-name">.icon-a-filelist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills2-fill"></span>
            <div class="name">
              bills 2-fill
            </div>
            <div class="code-name">.icon-a-bills2-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-flaglabel-fill"></span>
            <div class="name">
              flag label-fill
            </div>
            <div class="code-name">.icon-a-flaglabel-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bankcard-line"></span>
            <div class="name">
              bank card-line
            </div>
            <div class="code-name">.icon-a-bankcard-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-focusonrecord-line"></span>
            <div class="name">
              focus on record-line
            </div>
            <div class="code-name">.icon-a-focusonrecord-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-badge-line"></span>
            <div class="name">
              badge-line
            </div>
            <div class="code-name">.icon-badge-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-folderminus-line"></span>
            <div class="name">
              folder minus-line
            </div>
            <div class="code-name">.icon-a-folderminus-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-barcode-line"></span>
            <div class="name">
              bar code-line
            </div>
            <div class="code-name">.icon-a-barcode-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folding-line"></span>
            <div class="name">
              folding-line
            </div>
            <div class="code-name">.icon-folding-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billscover-line"></span>
            <div class="name">
              bills cover-line
            </div>
            <div class="code-name">.icon-a-billscover-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-filemanagement-line"></span>
            <div class="name">
              file management-line
            </div>
            <div class="code-name">.icon-a-filemanagement-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills2-line"></span>
            <div class="name">
              bills 2-line
            </div>
            <div class="code-name">.icon-a-bills2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-folderadd-line"></span>
            <div class="name">
              folder add-line
            </div>
            <div class="code-name">.icon-a-folderadd-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsfax-fill"></span>
            <div class="name">
              bills fax-fill
            </div>
            <div class="code-name">.icon-a-billsfax-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fileword-line"></span>
            <div class="name">
              file word-line
            </div>
            <div class="code-name">.icon-a-fileword-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-barcode-fill"></span>
            <div class="name">
              bar code-fill
            </div>
            <div class="code-name">.icon-a-barcode-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-folderstar-line"></span>
            <div class="name">
              folder star-line
            </div>
            <div class="code-name">.icon-a-folderstar-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills5-line"></span>
            <div class="name">
              bills 5-line
            </div>
            <div class="code-name">.icon-a-bills5-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-folderupload-line"></span>
            <div class="name">
              folder upload-line
            </div>
            <div class="code-name">.icon-a-folderupload-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bill-line"></span>
            <div class="name">
              bill-line
            </div>
            <div class="code-name">.icon-bill-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-folderon-line"></span>
            <div class="name">
              folder on-line
            </div>
            <div class="code-name">.icon-a-folderon-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bill-fill"></span>
            <div class="name">
              bill-fill
            </div>
            <div class="code-name">.icon-bill-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-folderoff-fill"></span>
            <div class="name">
              folder off-fill
            </div>
            <div class="code-name">.icon-a-folderoff-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills3-line"></span>
            <div class="name">
              bills 3-line
            </div>
            <div class="code-name">.icon-a-bills3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-game-line"></span>
            <div class="name">
              game-line
            </div>
            <div class="code-name">.icon-game-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billscontents-fill"></span>
            <div class="name">
              bills contents-fill
            </div>
            <div class="code-name">.icon-a-billscontents-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-giftbox-line"></span>
            <div class="name">
              gift box-line
            </div>
            <div class="code-name">.icon-a-giftbox-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billscontents-line"></span>
            <div class="name">
              bills contents-line
            </div>
            <div class="code-name">.icon-a-billscontents-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-handHeart-fill"></span>
            <div class="name">
              hand Heart-fill
            </div>
            <div class="code-name">.icon-a-handHeart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills5-fill"></span>
            <div class="name">
              bills 5-fill
            </div>
            <div class="code-name">.icon-a-bills5-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-handchoose-line"></span>
            <div class="name">
              hand choose-line
            </div>
            <div class="code-name">.icon-a-handchoose-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills1-fill"></span>
            <div class="name">
              bills 1-fill
            </div>
            <div class="code-name">.icon-a-bills1-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hierarchy-fill"></span>
            <div class="name">
              hierarchy-fill
            </div>
            <div class="code-name">.icon-hierarchy-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billslist-fill"></span>
            <div class="name">
              bills list-fill
            </div>
            <div class="code-name">.icon-a-billslist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-groupminus-line"></span>
            <div class="name">
              group minus-line
            </div>
            <div class="code-name">.icon-a-groupminus-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billscontent-line"></span>
            <div class="name">
              bills content-line
            </div>
            <div class="code-name">.icon-a-billscontent-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-home4-fill"></span>
            <div class="name">
              home 4-fill
            </div>
            <div class="code-name">.icon-a-home4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsinfo-line"></span>
            <div class="name">
              bills info-line
            </div>
            <div class="code-name">.icon-a-billsinfo-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-IDcardfront-fill"></span>
            <div class="name">
              ID card front-fill
            </div>
            <div class="code-name">.icon-a-IDcardfront-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsinvitation-fill"></span>
            <div class="name">
              bills invitation-fill
            </div>
            <div class="code-name">.icon-a-billsinvitation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hierarchy-line"></span>
            <div class="name">
              hierarchy-line
            </div>
            <div class="code-name">.icon-hierarchy-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills4-line"></span>
            <div class="name">
              bills 4-line
            </div>
            <div class="code-name">.icon-a-bills4-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-interlinkage-line"></span>
            <div class="name">
              interlinkage-line
            </div>
            <div class="code-name">.icon-interlinkage-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsfax-line"></span>
            <div class="name">
              bills fax-line
            </div>
            <div class="code-name">.icon-a-billsfax-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-home2-line"></span>
            <div class="name">
              home 2-line
            </div>
            <div class="code-name">.icon-a-home2-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsmenu-line"></span>
            <div class="name">
              bills menu-line
            </div>
            <div class="code-name">.icon-a-billsmenu-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ip-line"></span>
            <div class="name">
              ip-line
            </div>
            <div class="code-name">.icon-ip-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billscontent-fill"></span>
            <div class="name">
              bills content-fill
            </div>
            <div class="code-name">.icon-a-billscontent-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-havepower-line"></span>
            <div class="name">
              have power-line
            </div>
            <div class="code-name">.icon-a-havepower-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsmenu-fill"></span>
            <div class="name">
              bills menu-fill
            </div>
            <div class="code-name">.icon-a-billsmenu-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-interconnection-fill"></span>
            <div class="name">
              interconnection-fill
            </div>
            <div class="code-name">.icon-interconnection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills4-fill"></span>
            <div class="name">
              bills 4-fill
            </div>
            <div class="code-name">.icon-a-bills4-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-joint-line"></span>
            <div class="name">
              joint-line
            </div>
            <div class="code-name">.icon-joint-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsimportant-line"></span>
            <div class="name">
              bills important-line
            </div>
            <div class="code-name">.icon-a-billsimportant-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-home3-line"></span>
            <div class="name">
              home 3-line
            </div>
            <div class="code-name">.icon-a-home3-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsimportant-fill"></span>
            <div class="name">
              bills important-fill
            </div>
            <div class="code-name">.icon-a-billsimportant-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-jobcircle-line"></span>
            <div class="name">
              job circle-line
            </div>
            <div class="code-name">.icon-a-jobcircle-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-bills1-line"></span>
            <div class="name">
              bills 1-line
            </div>
            <div class="code-name">.icon-a-bills1-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jar-fill"></span>
            <div class="name">
              jar-fill
            </div>
            <div class="code-name">.icon-jar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billslist-line"></span>
            <div class="name">
              bills list-line
            </div>
            <div class="code-name">.icon-a-billslist-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-iPhoneiMac-line"></span>
            <div class="name">
              iPhone iMac-line
            </div>
            <div class="code-name">.icon-a-iPhoneiMac-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsinvitation-line"></span>
            <div class="name">
              bills invitation-line
            </div>
            <div class="code-name">.icon-a-billsinvitation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-irradiation-line"></span>
            <div class="name">
              irradiation-line
            </div>
            <div class="code-name">.icon-irradiation-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bank-fill"></span>
            <div class="name">
              bank-fill
            </div>
            <div class="code-name">.icon-bank-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-knockdown-line"></span>
            <div class="name">
              knockdown-line
            </div>
            <div class="code-name">.icon-knockdown-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-billsother3-fill"></span>
            <div class="name">
              bills other 3-fill
            </div>
            <div class="code-name">.icon-a-billsother3-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-layout5-line"></span>
            <div class="name">
              layout 5-line
            </div>
            <div class="code-name">.icon-a-layout5-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxcontrol-fill"></span>
            <div class="name">
              box control-fill
            </div>
            <div class="code-name">.icon-a-boxcontrol-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-groupgroup-fill"></span>
            <div class="name">
              group group-fill
            </div>
            <div class="code-name">.icon-a-groupgroup-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-browse-line"></span>
            <div class="name">
              browse-line
            </div>
            <div class="code-name">.icon-browse-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-layout8-fill"></span>
            <div class="name">
              layout 8-fill
            </div>
            <div class="code-name">.icon-a-layout8-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxsubtract-fill"></span>
            <div class="name">
              box subtract-fill
            </div>
            <div class="code-name">.icon-a-boxsubtract-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-instrumentpanel-line"></span>
            <div class="name">
              instrument panel-line
            </div>
            <div class="code-name">.icon-a-instrumentpanel-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-boxaddition-fill"></span>
            <div class="name">
              box addition-fill
            </div>
            <div class="code-name">.icon-a-boxaddition-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-handmanage-fill"></span>
            <div class="name">
              hand manage-fill
            </div>
            <div class="code-name">.icon-a-handmanage-fill
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcirculation-line"></use>
                </svg>
                <div class="name">box circulation-line</div>
                <div class="code-name">#icon-a-boxcirculation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hint-line"></use>
                </svg>
                <div class="name">hint-line</div>
                <div class="code-name">#icon-hint-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxchoose-fill"></use>
                </svg>
                <div class="name">box choose-fill</div>
                <div class="code-name">#icon-a-boxchoose-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-layout1-line"></use>
                </svg>
                <div class="name">layout 1-line</div>
                <div class="code-name">#icon-a-layout1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxfinish-line"></use>
                </svg>
                <div class="name">box finish-line</div>
                <div class="code-name">#icon-a-boxfinish-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guardian-line"></use>
                </svg>
                <div class="name">guardian-line</div>
                <div class="code-name">#icon-guardian-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcalculator-fill"></use>
                </svg>
                <div class="name">box calculator-fill</div>
                <div class="code-name">#icon-a-boxcalculator-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-locus-line"></use>
                </svg>
                <div class="name">locus-line</div>
                <div class="code-name">#icon-locus-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsnews-line"></use>
                </svg>
                <div class="name">bills news-line</div>
                <div class="code-name">#icon-a-billsnews-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-load2-line"></use>
                </svg>
                <div class="name">load 2-line</div>
                <div class="code-name">#icon-a-load2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bin-line"></use>
                </svg>
                <div class="name">bin-line</div>
                <div class="code-name">#icon-bin-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-load1-line"></use>
                </svg>
                <div class="name">load 1-line</div>
                <div class="code-name">#icon-a-load1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother2-fill"></use>
                </svg>
                <div class="name">bills other 2-fill</div>
                <div class="code-name">#icon-a-billsother2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-manage-line"></use>
                </svg>
                <div class="name">manage-line</div>
                <div class="code-name">#icon-manage-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxtier-fill"></use>
                </svg>
                <div class="name">box tier-fill</div>
                <div class="code-name">#icon-a-boxtier-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-locus-fill"></use>
                </svg>
                <div class="name">locus-fill</div>
                <div class="code-name">#icon-locus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother4-fill"></use>
                </svg>
                <div class="name">bills other 4-fill</div>
                <div class="code-name">#icon-a-billsother4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-left-fill"></use>
                </svg>
                <div class="name">left-fill</div>
                <div class="code-name">#icon-left-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxmessage-line"></use>
                </svg>
                <div class="name">box message-line</div>
                <div class="code-name">#icon-a-boxmessage-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail-fill"></use>
                </svg>
                <div class="name">mail-fill</div>
                <div class="code-name">#icon-mail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-box-fill"></use>
                </svg>
                <div class="name">box #-fill</div>
                <div class="code-name">#icon-a-box-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-log-line"></use>
                </svg>
                <div class="name">log-line</div>
                <div class="code-name">#icon-log-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxadd-fill"></use>
                </svg>
                <div class="name">box add-fill</div>
                <div class="code-name">#icon-a-boxadd-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-leftround-line"></use>
                </svg>
                <div class="name">left round-line</div>
                <div class="code-name">#icon-a-leftround-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxlevel-line"></use>
                </svg>
                <div class="name">box level-line</div>
                <div class="code-name">#icon-a-boxlevel-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mail-line"></use>
                </svg>
                <div class="name">mail-line</div>
                <div class="code-name">#icon-mail-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxadd-line"></use>
                </svg>
                <div class="name">box add-line</div>
                <div class="code-name">#icon-a-boxadd-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-like-line"></use>
                </svg>
                <div class="name">like-line</div>
                <div class="code-name">#icon-like-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-box-line"></use>
                </svg>
                <div class="name">box #-line</div>
                <div class="code-name">#icon-a-box-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-medal-line"></use>
                </svg>
                <div class="name">medal-line</div>
                <div class="code-name">#icon-medal-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxproportion-line"></use>
                </svg>
                <div class="name">box proportion-line</div>
                <div class="code-name">#icon-a-boxproportion-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-message1-line"></use>
                </svg>
                <div class="name">message 1-line</div>
                <div class="code-name">#icon-a-message1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book-fill"></use>
                </svg>
                <div class="name">book-fill</div>
                <div class="code-name">#icon-book-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-microscope-fill"></use>
                </svg>
                <div class="name">microscope-fill</div>
                <div class="code-name">#icon-microscope-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcommand-fill"></use>
                </svg>
                <div class="name">box command-fill</div>
                <div class="code-name">#icon-a-boxcommand-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minibus-fill"></use>
                </svg>
                <div class="name">minibus-fill</div>
                <div class="code-name">#icon-minibus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bookbinding-fill"></use>
                </svg>
                <div class="name">bookbinding-fill</div>
                <div class="code-name">#icon-bookbinding-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-message4-line"></use>
                </svg>
                <div class="name">message 4-line</div>
                <div class="code-name">#icon-a-message4-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxopen-fill"></use>
                </svg>
                <div class="name">box open-fill</div>
                <div class="code-name">#icon-a-boxopen-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-message3-fill"></use>
                </svg>
                <div class="name">message 3-fill</div>
                <div class="code-name">#icon-a-message3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxquestion-line"></use>
                </svg>
                <div class="name">box question-line</div>
                <div class="code-name">#icon-a-boxquestion-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-message2-fill"></use>
                </svg>
                <div class="name">message 2-fill</div>
                <div class="code-name">#icon-a-message2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-broker-line"></use>
                </svg>
                <div class="name">broker-line</div>
                <div class="code-name">#icon-broker-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-microscope-line"></use>
                </svg>
                <div class="name">microscope-line</div>
                <div class="code-name">#icon-microscope-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxtier-line"></use>
                </svg>
                <div class="name">box tier-line</div>
                <div class="code-name">#icon-a-boxtier-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minibus-line"></use>
                </svg>
                <div class="name">minibus-line</div>
                <div class="code-name">#icon-minibus-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxlist-line"></use>
                </svg>
                <div class="name">box list-line</div>
                <div class="code-name">#icon-a-boxlist-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-message2-line"></use>
                </svg>
                <div class="name">message 2-line</div>
                <div class="code-name">#icon-a-message2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-browse-fill"></use>
                </svg>
                <div class="name">browse-fill</div>
                <div class="code-name">#icon-browse-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-moreround-fill"></use>
                </svg>
                <div class="name">more round-fill</div>
                <div class="code-name">#icon-a-moreround-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother1-fill"></use>
                </svg>
                <div class="name">bills other 1-fill</div>
                <div class="code-name">#icon-a-billsother1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-monitor-line"></use>
                </svg>
                <div class="name">monitor-line</div>
                <div class="code-name">#icon-monitor-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxset-fill"></use>
                </svg>
                <div class="name">box set-fill</div>
                <div class="code-name">#icon-a-boxset-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mute-fill"></use>
                </svg>
                <div class="name">mute-fill</div>
                <div class="code-name">#icon-mute-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxminus-line"></use>
                </svg>
                <div class="name">box minus-line</div>
                <div class="code-name">#icon-a-boxminus-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-mesh1-line"></use>
                </svg>
                <div class="name">mesh 1-line</div>
                <div class="code-name">#icon-a-mesh1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxsubtract-line"></use>
                </svg>
                <div class="name">box subtract-line</div>
                <div class="code-name">#icon-a-boxsubtract-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mute-line"></use>
                </svg>
                <div class="name">mute-line</div>
                <div class="code-name">#icon-mute-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxchoice-fill"></use>
                </svg>
                <div class="name">box choice-fill</div>
                <div class="code-name">#icon-a-boxchoice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nail-line"></use>
                </svg>
                <div class="name">nail-line</div>
                <div class="code-name">#icon-nail-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Calculation-line"></use>
                </svg>
                <div class="name">Calculation-line</div>
                <div class="code-name">#icon-Calculation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news-line"></use>
                </svg>
                <div class="name">news-line</div>
                <div class="code-name">#icon-news-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcommand-line"></use>
                </svg>
                <div class="name">box command-line</div>
                <div class="code-name">#icon-a-boxcommand-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-motorvan-line"></use>
                </svg>
                <div class="name">motor van-line</div>
                <div class="code-name">#icon-a-motorvan-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother2-line"></use>
                </svg>
                <div class="name">bills other 2-line</div>
                <div class="code-name">#icon-a-billsother2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-notebookcomputer-line"></use>
                </svg>
                <div class="name">notebook computer-line</div>
                <div class="code-name">#icon-a-notebookcomputer-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera-line"></use>
                </svg>
                <div class="name">camera-line</div>
                <div class="code-name">#icon-camera-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-normalform-line"></use>
                </svg>
                <div class="name">normal form-line</div>
                <div class="code-name">#icon-a-normalform-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxlist-fill"></use>
                </svg>
                <div class="name">box list-fill</div>
                <div class="code-name">#icon-a-boxlist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-package2-line"></use>
                </svg>
                <div class="name">package 2-line</div>
                <div class="code-name">#icon-a-package2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cash-fill"></use>
                </svg>
                <div class="name">cash %-fill</div>
                <div class="code-name">#icon-a-cash-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-packageadd-line"></use>
                </svg>
                <div class="name">package add-line</div>
                <div class="code-name">#icon-a-packageadd-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxswitch-fill"></use>
                </svg>
                <div class="name">box switch-fill</div>
                <div class="code-name">#icon-a-boxswitch-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-passwordopen-line"></use>
                </svg>
                <div class="name">password open-line</div>
                <div class="code-name">#icon-a-passwordopen-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxfinish-fill"></use>
                </svg>
                <div class="name">box finish-fill</div>
                <div class="code-name">#icon-a-boxfinish-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pennant-line"></use>
                </svg>
                <div class="name">pennant-line</div>
                <div class="code-name">#icon-pennant-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-books-fill"></use>
                </svg>
                <div class="name">books-fill</div>
                <div class="code-name">#icon-books-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-picture-fill"></use>
                </svg>
                <div class="name">picture-fill</div>
                <div class="code-name">#icon-picture-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cabinet-fill"></use>
                </svg>
                <div class="name">cabinet-fill</div>
                <div class="code-name">#icon-cabinet-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-peoplecloud-line"></use>
                </svg>
                <div class="name">people cloud-line</div>
                <div class="code-name">#icon-a-peoplecloud-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxmessage-fill"></use>
                </svg>
                <div class="name">box message-fill</div>
                <div class="code-name">#icon-a-boxmessage-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-printer-fill"></use>
                </svg>
                <div class="name">printer-fill</div>
                <div class="code-name">#icon-printer-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxdown-line"></use>
                </svg>
                <div class="name">box down-line</div>
                <div class="code-name">#icon-a-boxdown-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-printer-line"></use>
                </svg>
                <div class="name">printer-line</div>
                <div class="code-name">#icon-printer-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcontrol-line"></use>
                </svg>
                <div class="name">box control-line</div>
                <div class="code-name">#icon-a-boxcontrol-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-problem-line"></use>
                </svg>
                <div class="name">problem-line</div>
                <div class="code-name">#icon-problem-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bluetooth-line"></use>
                </svg>
                <div class="name">bluetooth-line</div>
                <div class="code-name">#icon-bluetooth-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-radar-fill"></use>
                </svg>
                <div class="name">radar-fill</div>
                <div class="code-name">#icon-radar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxaddition-line"></use>
                </svg>
                <div class="name">box addition-line</div>
                <div class="code-name">#icon-a-boxaddition-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-projectionscreen-line"></use>
                </svg>
                <div class="name">projection screen-line</div>
                <div class="code-name">#icon-a-projectionscreen-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bluetooth-fill"></use>
                </svg>
                <div class="name">bluetooth-fill</div>
                <div class="code-name">#icon-bluetooth-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rankinglist-fill"></use>
                </svg>
                <div class="name">ranking list-fill</div>
                <div class="code-name">#icon-a-rankinglist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsuser-line"></use>
                </svg>
                <div class="name">bills user-line</div>
                <div class="code-name">#icon-a-billsuser-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quit-line"></use>
                </svg>
                <div class="name">quit-line</div>
                <div class="code-name">#icon-quit-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxminus-fill"></use>
                </svg>
                <div class="name">box minus-fill</div>
                <div class="code-name">#icon-a-boxminus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-qualitysystem-line"></use>
                </svg>
                <div class="name">quality system-line</div>
                <div class="code-name">#icon-a-qualitysystem-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxdown-fill"></use>
                </svg>
                <div class="name">box down-fill</div>
                <div class="code-name">#icon-a-boxdown-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-read-line"></use>
                </svg>
                <div class="name">read-line</div>
                <div class="code-name">#icon-read-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-businessman-line"></use>
                </svg>
                <div class="name">businessman-line</div>
                <div class="code-name">#icon-businessman-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-qrcode2-line"></use>
                </svg>
                <div class="name">qr code 2-line</div>
                <div class="code-name">#icon-a-qrcode2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cardinformation-line"></use>
                </svg>
                <div class="name">card information-line</div>
                <div class="code-name">#icon-a-cardinformation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-recordchart-fill"></use>
                </svg>
                <div class="name">record chart-fill</div>
                <div class="code-name">#icon-a-recordchart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cash-line"></use>
                </svg>
                <div class="name">cash %-line</div>
                <div class="code-name">#icon-a-cash-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-reflecton-line"></use>
                </svg>
                <div class="name">reflect on-line</div>
                <div class="code-name">#icon-a-reflecton-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-call-board-line"></use>
                </svg>
                <div class="name">call-board-line</div>
                <div class="code-name">#icon-call-board-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-relation9-fill"></use>
                </svg>
                <div class="name">relation 9-fill</div>
                <div class="code-name">#icon-a-relation9-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxchoice-line"></use>
                </svg>
                <div class="name">box choice-line</div>
                <div class="code-name">#icon-a-boxchoice-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-relation8-fill"></use>
                </svg>
                <div class="name">relation 8-fill</div>
                <div class="code-name">#icon-a-relation8-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxchoose-line"></use>
                </svg>
                <div class="name">box choose-line</div>
                <div class="code-name">#icon-a-boxchoose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-remind-line"></use>
                </svg>
                <div class="name">remind-line</div>
                <div class="code-name">#icon-remind-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsmessage-line"></use>
                </svg>
                <div class="name">bills message-line</div>
                <div class="code-name">#icon-a-billsmessage-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rightorwrong-line"></use>
                </svg>
                <div class="name">right or wrong-line</div>
                <div class="code-name">#icon-a-rightorwrong-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-building-line"></use>
                </svg>
                <div class="name">building-line</div>
                <div class="code-name">#icon-building-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rightto-fill"></use>
                </svg>
                <div class="name">right to-fill</div>
                <div class="code-name">#icon-a-rightto-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-briefcase-line"></use>
                </svg>
                <div class="name">briefcase-line</div>
                <div class="code-name">#icon-briefcase-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rightto-line"></use>
                </svg>
                <div class="name">right to-line</div>
                <div class="code-name">#icon-a-rightto-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxclose-line"></use>
                </svg>
                <div class="name">box close-line</div>
                <div class="code-name">#icon-a-boxclose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rocket-line"></use>
                </svg>
                <div class="name">rocket-line</div>
                <div class="code-name">#icon-rocket-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bulletin-line"></use>
                </svg>
                <div class="name">bulletin-line</div>
                <div class="code-name">#icon-bulletin-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-robot-line"></use>
                </svg>
                <div class="name">robot-line</div>
                <div class="code-name">#icon-robot-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcirculation-fill"></use>
                </svg>
                <div class="name">box circulation-fill</div>
                <div class="code-name">#icon-a-boxcirculation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-roundstructure3-line"></use>
                </svg>
                <div class="name">round structure 3-line</div>
                <div class="code-name">#icon-a-roundstructure3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxput-line"></use>
                </svg>
                <div class="name">box put-line</div>
                <div class="code-name">#icon-a-boxput-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-roundstructure4-fill"></use>
                </svg>
                <div class="name">round structure 4-fill</div>
                <div class="code-name">#icon-a-roundstructure4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cash-fill"></use>
                </svg>
                <div class="name">cash-fill</div>
                <div class="code-name">#icon-cash-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-route5-fill"></use>
                </svg>
                <div class="name">route 5-fill</div>
                <div class="code-name">#icon-a-route5-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxtrend-line"></use>
                </svg>
                <div class="name">box trend-line</div>
                <div class="code-name">#icon-a-boxtrend-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-route4-fill"></use>
                </svg>
                <div class="name">route 4-fill</div>
                <div class="code-name">#icon-a-route4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cargocontainer-fill"></use>
                </svg>
                <div class="name">cargo container-fill</div>
                <div class="code-name">#icon-a-cargocontainer-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-router1-fill"></use>
                </svg>
                <div class="name">router 1-fill</div>
                <div class="code-name">#icon-a-router1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-books-line"></use>
                </svg>
                <div class="name">books-line</div>
                <div class="code-name">#icon-books-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-router5-line"></use>
                </svg>
                <div class="name">router 5-line</div>
                <div class="code-name">#icon-a-router5-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Calculator-fill"></use>
                </svg>
                <div class="name">Calculator-fill</div>
                <div class="code-name">#icon-Calculator-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-router3-line"></use>
                </svg>
                <div class="name">router 3-line</div>
                <div class="code-name">#icon-a-router3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-brush-line"></use>
                </svg>
                <div class="name">brush-line</div>
                <div class="code-name">#icon-brush-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-safetyofficer-line"></use>
                </svg>
                <div class="name">safety officer-line</div>
                <div class="code-name">#icon-a-safetyofficer-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-church-fill"></use>
                </svg>
                <div class="name">church-fill</div>
                <div class="code-name">#icon-church-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-rulerpen-line"></use>
                </svg>
                <div class="name">ruler pen-line</div>
                <div class="code-name">#icon-a-rulerpen-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxproportion-fill"></use>
                </svg>
                <div class="name">box proportion-fill</div>
                <div class="code-name">#icon-a-boxproportion-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-salesreturn-line"></use>
                </svg>
                <div class="name">sales return-line</div>
                <div class="code-name">#icon-a-salesreturn-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cart-fill"></use>
                </svg>
                <div class="name">cart-fill</div>
                <div class="code-name">#icon-cart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-scan2-line"></use>
                </svg>
                <div class="name">scan 2-line</div>
                <div class="code-name">#icon-a-scan2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cardinformation-fill"></use>
                </svg>
                <div class="name">card information-fill</div>
                <div class="code-name">#icon-a-cardinformation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-scan1-line"></use>
                </svg>
                <div class="name">scan 1-line</div>
                <div class="code-name">#icon-a-scan1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-businessman-fill"></use>
                </svg>
                <div class="name">businessman-fill</div>
                <div class="code-name">#icon-businessman-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-router4-line"></use>
                </svg>
                <div class="name">router 4-line</div>
                <div class="code-name">#icon-a-router4-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxclose-fill"></use>
                </svg>
                <div class="name">box close-fill</div>
                <div class="code-name">#icon-a-boxclose-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-scanqrcode-line"></use>
                </svg>
                <div class="name">scan qr code-line</div>
                <div class="code-name">#icon-a-scanqrcode-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caution-fill"></use>
                </svg>
                <div class="name">caution-fill</div>
                <div class="code-name">#icon-caution-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-scanpeople-line"></use>
                </svg>
                <div class="name">scan people-line</div>
                <div class="code-name">#icon-a-scanpeople-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-box-line"></use>
                </svg>
                <div class="name">box-line</div>
                <div class="code-name">#icon-box-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-scanqrcode-fill"></use>
                </svg>
                <div class="name">scan qr code-fill</div>
                <div class="code-name">#icon-a-scanqrcode-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cd-fill"></use>
                </svg>
                <div class="name">cd-fill</div>
                <div class="code-name">#icon-cd-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sd-line"></use>
                </svg>
                <div class="name">sd-line</div>
                <div class="code-name">#icon-sd-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-brush-fill"></use>
                </svg>
                <div class="name">brush-fill</div>
                <div class="code-name">#icon-brush-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-screenlist-line"></use>
                </svg>
                <div class="name">screen list-line</div>
                <div class="code-name">#icon-a-screenlist-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chest-fill"></use>
                </svg>
                <div class="name">chest-fill</div>
                <div class="code-name">#icon-chest-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-securitychose-line"></use>
                </svg>
                <div class="name">security chose-line</div>
                <div class="code-name">#icon-a-securitychose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Calculator-line"></use>
                </svg>
                <div class="name">Calculator-line</div>
                <div class="code-name">#icon-Calculator-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-sendout-fill"></use>
                </svg>
                <div class="name">send out-fill</div>
                <div class="code-name">#icon-a-sendout-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxdownload-line"></use>
                </svg>
                <div class="name">box download-line</div>
                <div class="code-name">#icon-a-boxdownload-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sendmail-fill"></use>
                </svg>
                <div class="name">sendmail-fill</div>
                <div class="code-name">#icon-sendmail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bug-line"></use>
                </svg>
                <div class="name">bug-line</div>
                <div class="code-name">#icon-bug-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-send-line"></use>
                </svg>
                <div class="name">send-line</div>
                <div class="code-name">#icon-send-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cancel-fill"></use>
                </svg>
                <div class="name">cancel-fill</div>
                <div class="code-name">#icon-cancel-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-sendout-line"></use>
                </svg>
                <div class="name">send out-line</div>
                <div class="code-name">#icon-a-sendout-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother1-line"></use>
                </svg>
                <div class="name">bills other 1-line</div>
                <div class="code-name">#icon-a-billsother1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sendmail-line"></use>
                </svg>
                <div class="name">sendmail-line</div>
                <div class="code-name">#icon-sendmail-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-book-line"></use>
                </svg>
                <div class="name">book-line</div>
                <div class="code-name">#icon-book-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-service-line"></use>
                </svg>
                <div class="name">service-line</div>
                <div class="code-name">#icon-service-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-building-fill"></use>
                </svg>
                <div class="name">building-fill</div>
                <div class="code-name">#icon-building-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-service-fill"></use>
                </svg>
                <div class="name">service-fill</div>
                <div class="code-name">#icon-service-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-briefcase-fill"></use>
                </svg>
                <div class="name">briefcase-fill</div>
                <div class="code-name">#icon-briefcase-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-fill"></use>
                </svg>
                <div class="name">set-fill</div>
                <div class="code-name">#icon-set-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cardreader-line"></use>
                </svg>
                <div class="name">card reader-line</div>
                <div class="code-name">#icon-a-cardreader-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-set-line"></use>
                </svg>
                <div class="name">set-line</div>
                <div class="code-name">#icon-set-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cardreader-fill"></use>
                </svg>
                <div class="name">card reader-fill</div>
                <div class="code-name">#icon-a-cardreader-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-share1-fill"></use>
                </svg>
                <div class="name">share 1-fill</div>
                <div class="code-name">#icon-a-share1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cargocontainer-line"></use>
                </svg>
                <div class="name">cargo container-line</div>
                <div class="code-name">#icon-a-cargocontainer-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shine-fill"></use>
                </svg>
                <div class="name">shine-fill</div>
                <div class="code-name">#icon-shine-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bulletinboard-fill"></use>
                </svg>
                <div class="name">bulletin board-fill</div>
                <div class="code-name">#icon-a-bulletinboard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shield-fill"></use>
                </svg>
                <div class="name">shield-fill</div>
                <div class="code-name">#icon-shield-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother3-line"></use>
                </svg>
                <div class="name">bills other 3-line</div>
                <div class="code-name">#icon-a-billsother3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shield-line"></use>
                </svg>
                <div class="name">shield-line</div>
                <div class="code-name">#icon-shield-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera-fill"></use>
                </svg>
                <div class="name">camera-fill</div>
                <div class="code-name">#icon-camera-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shoppingtrolley-fill"></use>
                </svg>
                <div class="name">shopping trolley-fill</div>
                <div class="code-name">#icon-a-shoppingtrolley-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bookbinding-line"></use>
                </svg>
                <div class="name">bookbinding-line</div>
                <div class="code-name">#icon-bookbinding-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shoppingbox-line"></use>
                </svg>
                <div class="name">shopping box-line</div>
                <div class="code-name">#icon-a-shoppingbox-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circles-fill"></use>
                </svg>
                <div class="name">circles-fill</div>
                <div class="code-name">#icon-circles-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shoppingbag-line"></use>
                </svg>
                <div class="name">shopping bag-line</div>
                <div class="code-name">#icon-a-shoppingbag-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chest-line"></use>
                </svg>
                <div class="name">chest-line</div>
                <div class="code-name">#icon-chest-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shrink-line"></use>
                </svg>
                <div class="name">shrink-line</div>
                <div class="code-name">#icon-shrink-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-choose-line"></use>
                </svg>
                <div class="name">choose -line</div>
                <div class="code-name">#icon-a-choose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-SignalPoint-line"></use>
                </svg>
                <div class="name">Signal Point-line</div>
                <div class="code-name">#icon-a-SignalPoint-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxswitch-line"></use>
                </svg>
                <div class="name">box switch-line</div>
                <div class="code-name">#icon-a-boxswitch-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-situation-fill"></use>
                </svg>
                <div class="name">situation-fill</div>
                <div class="code-name">#icon-situation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bug-fill"></use>
                </svg>
                <div class="name">bug-fill</div>
                <div class="code-name">#icon-bug-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shrinkage1-line"></use>
                </svg>
                <div class="name">shrinkage 1-line</div>
                <div class="code-name">#icon-a-shrinkage1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-change-fill"></use>
                </svg>
                <div class="name">change-fill</div>
                <div class="code-name">#icon-change-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-site-line"></use>
                </svg>
                <div class="name">site-line</div>
                <div class="code-name">#icon-site-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-circlelink-line"></use>
                </svg>
                <div class="name">circle link-line</div>
                <div class="code-name">#icon-a-circlelink-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stamp-fill"></use>
                </svg>
                <div class="name">stamp-fill</div>
                <div class="code-name">#icon-stamp-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cipher-line"></use>
                </svg>
                <div class="name">cipher-line</div>
                <div class="code-name">#icon-cipher-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-statisticalviewpiechart2-fill"></use>
                </svg>
                <div class="name">statistical view pie chart 2-fill</div>
                <div class="code-name">#icon-a-statisticalviewpiechart2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cancellingstocks-line"></use>
                </svg>
                <div class="name">cancelling stocks-line</div>
                <div class="code-name">#icon-a-cancellingstocks-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-statisticalviewpiechart3-fill"></use>
                </svg>
                <div class="name">statistical view pie chart 3-fill</div>
                <div class="code-name">#icon-a-statisticalviewpiechart3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-case-line"></use>
                </svg>
                <div class="name">case-line</div>
                <div class="code-name">#icon-case-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-statisticalviewpiechart3-line"></use>
                </svg>
                <div class="name">statistical view pie chart 3-line</div>
                <div class="code-name">#icon-a-statisticalviewpiechart3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cart-line"></use>
                </svg>
                <div class="name">cart-line</div>
                <div class="code-name">#icon-cart-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-statisticalviewradarmap-fill"></use>
                </svg>
                <div class="name">statistical view radar map-fill</div>
                <div class="code-name">#icon-a-statisticalviewradarmap-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cash-line"></use>
                </svg>
                <div class="name">cash-line</div>
                <div class="code-name">#icon-cash-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-statisticalviewradarmap-line"></use>
                </svg>
                <div class="name">statistical view radar map-line</div>
                <div class="code-name">#icon-a-statisticalviewradarmap-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chip-fill"></use>
                </svg>
                <div class="name">chip-fill</div>
                <div class="code-name">#icon-chip-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-structure2-fill"></use>
                </svg>
                <div class="name">structure 2-fill</div>
                <div class="code-name">#icon-a-structure2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-change-line"></use>
                </svg>
                <div class="name">change-line</div>
                <div class="code-name">#icon-change-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-statisticalviewscatterdiagram-line"></use>
                </svg>
                <div class="name">statistical view scatter diagram-line</div>
                <div class="code-name">#icon-a-statisticalviewscatterdiagram-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circulation-line"></use>
                </svg>
                <div class="name">circulation-line</div>
                <div class="code-name">#icon-circulation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stencil-fill"></use>
                </svg>
                <div class="name">stencil-fill</div>
                <div class="code-name">#icon-stencil-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cipheropen-line"></use>
                </svg>
                <div class="name">cipher open-line</div>
                <div class="code-name">#icon-a-cipheropen-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-store-line"></use>
                </svg>
                <div class="name">store-line</div>
                <div class="code-name">#icon-store-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcalculator-line"></use>
                </svg>
                <div class="name">box calculator-line</div>
                <div class="code-name">#icon-a-boxcalculator-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stickup-line"></use>
                </svg>
                <div class="name">stickup-line</div>
                <div class="code-name">#icon-stickup-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cabinet-line"></use>
                </svg>
                <div class="name">cabinet-line</div>
                <div class="code-name">#icon-cabinet-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-structure5-line"></use>
                </svg>
                <div class="name">structure 5-line</div>
                <div class="code-name">#icon-a-structure5-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bulletinboard-line"></use>
                </svg>
                <div class="name">bulletin board-line</div>
                <div class="code-name">#icon-a-bulletinboard-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-study-fill"></use>
                </svg>
                <div class="name">study-fill</div>
                <div class="code-name">#icon-study-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxtrend-fill"></use>
                </svg>
                <div class="name">box trend-fill</div>
                <div class="code-name">#icon-a-boxtrend-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-study-line"></use>
                </svg>
                <div class="name">study-line</div>
                <div class="code-name">#icon-study-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar-line"></use>
                </svg>
                <div class="name">calendar-line</div>
                <div class="code-name">#icon-calendar-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag-line"></use>
                </svg>
                <div class="name">tag-line</div>
                <div class="code-name">#icon-tag-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bulletin-fill"></use>
                </svg>
                <div class="name">bulletin-fill</div>
                <div class="code-name">#icon-bulletin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-switchon-line"></use>
                </svg>
                <div class="name">switch on-line</div>
                <div class="code-name">#icon-a-switchon-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-choose-line"></use>
                </svg>
                <div class="name">choose-line</div>
                <div class="code-name">#icon-choose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-template4-fill"></use>
                </svg>
                <div class="name">template 4-fill</div>
                <div class="code-name">#icon-a-template4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cardbag-line"></use>
                </svg>
                <div class="name">card bag-line</div>
                <div class="code-name">#icon-a-cardbag-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-template3-fill"></use>
                </svg>
                <div class="name">template 3-fill</div>
                <div class="code-name">#icon-a-template3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxquestion-fill"></use>
                </svg>
                <div class="name">box question-fill</div>
                <div class="code-name">#icon-a-boxquestion-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag-fill"></use>
                </svg>
                <div class="name">tag-fill</div>
                <div class="code-name">#icon-tag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-centralbank-fill"></use>
                </svg>
                <div class="name">central bank-fill</div>
                <div class="code-name">#icon-a-centralbank-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-texteditorcut-line"></use>
                </svg>
                <div class="name">text editor cut-line</div>
                <div class="code-name">#icon-a-texteditorcut-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cardbag-fill"></use>
                </svg>
                <div class="name">card bag-fill</div>
                <div class="code-name">#icon-a-cardbag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-templatesearch-fill"></use>
                </svg>
                <div class="name">template search-fill</div>
                <div class="code-name">#icon-a-templatesearch-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-closeline-line"></use>
                </svg>
                <div class="name">close line-line</div>
                <div class="code-name">#icon-a-closeline-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-texteditorcase-line"></use>
                </svg>
                <div class="name">text editor case-line</div>
                <div class="code-name">#icon-a-texteditorcase-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clickon-fill"></use>
                </svg>
                <div class="name">click on-fill</div>
                <div class="code-name">#icon-a-clickon-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-templatelist1-line"></use>
                </svg>
                <div class="name">template list 1-line</div>
                <div class="code-name">#icon-a-templatelist1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cipheropen-fill"></use>
                </svg>
                <div class="name">cipher open-fill</div>
                <div class="code-name">#icon-a-cipheropen-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-template1-fill"></use>
                </svg>
                <div class="name">template 1-fill</div>
                <div class="code-name">#icon-a-template1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-catalog-fill"></use>
                </svg>
                <div class="name">catalog-fill</div>
                <div class="code-name">#icon-catalog-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-texteditorsaveas-line"></use>
                </svg>
                <div class="name">text editor save as-line</div>
                <div class="code-name">#icon-a-texteditorsaveas-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-case-fill"></use>
                </svg>
                <div class="name">case-fill</div>
                <div class="code-name">#icon-case-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-texteditorstickup-line"></use>
                </svg>
                <div class="name">text editor stickup-line</div>
                <div class="code-name">#icon-a-texteditorstickup-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clock1-line"></use>
                </svg>
                <div class="name">clock 1-line</div>
                <div class="code-name">#icon-a-clock1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-texteditorunfold-line"></use>
                </svg>
                <div class="name">text editor unfold-line</div>
                <div class="code-name">#icon-a-texteditorunfold-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cancel-line"></use>
                </svg>
                <div class="name">cancel-line</div>
                <div class="code-name">#icon-cancel-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-textbook-line"></use>
                </svg>
                <div class="name">textbook-line</div>
                <div class="code-name">#icon-textbook-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-church-line"></use>
                </svg>
                <div class="name">church-line</div>
                <div class="code-name">#icon-church-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-texteditorleftalignment-line"></use>
                </svg>
                <div class="name">text editor left alignment -line</div>
                <div class="code-name">#icon-a-texteditorleftalignment-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-charging-line"></use>
                </svg>
                <div class="name">charging-line</div>
                <div class="code-name">#icon-charging-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tier-line"></use>
                </svg>
                <div class="name">tier-line</div>
                <div class="code-name">#icon-tier-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxput-fill"></use>
                </svg>
                <div class="name">box put-fill</div>
                <div class="code-name">#icon-a-boxput-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-underlinefill-line"></use>
                </svg>
                <div class="name">under line fill-line</div>
                <div class="code-name">#icon-a-underlinefill-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxdownload-fill"></use>
                </svg>
                <div class="name">box download-fill</div>
                <div class="code-name">#icon-a-boxdownload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-transmission-line"></use>
                </svg>
                <div class="name">transmission-line</div>
                <div class="code-name">#icon-transmission-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clock4-line"></use>
                </svg>
                <div class="name">clock 4-line</div>
                <div class="code-name">#icon-a-clock4-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-unwind1-line"></use>
                </svg>
                <div class="name">unwind 1-line</div>
                <div class="code-name">#icon-a-unwind1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-call-board-fill"></use>
                </svg>
                <div class="name">call-board-fill</div>
                <div class="code-name">#icon-call-board-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-transmit-line"></use>
                </svg>
                <div class="name">transmit-line</div>
                <div class="code-name">#icon-transmit-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clock2-line"></use>
                </svg>
                <div class="name">clock 2-line</div>
                <div class="code-name">#icon-a-clock2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-useradd-line"></use>
                </svg>
                <div class="name">user add-line</div>
                <div class="code-name">#icon-a-useradd-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chip-line"></use>
                </svg>
                <div class="name">chip-line</div>
                <div class="code-name">#icon-chip-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userlister-line"></use>
                </svg>
                <div class="name">user lister-line</div>
                <div class="code-name">#icon-a-userlister-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-click-line"></use>
                </svg>
                <div class="name">click-line</div>
                <div class="code-name">#icon-click-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userpermissions-fill"></use>
                </svg>
                <div class="name">user permissions-fill</div>
                <div class="code-name">#icon-a-userpermissions-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-catalog-line"></use>
                </svg>
                <div class="name">catalog-line</div>
                <div class="code-name">#icon-catalog-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userminus-line"></use>
                </svg>
                <div class="name">user minus-line</div>
                <div class="code-name">#icon-a-userminus-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudadd-fill"></use>
                </svg>
                <div class="name">cloud add-fill</div>
                <div class="code-name">#icon-a-cloudadd-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userminus-fill"></use>
                </svg>
                <div class="name">user minus-fill</div>
                <div class="code-name">#icon-a-userminus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-closeleft-line"></use>
                </svg>
                <div class="name">close left-line</div>
                <div class="code-name">#icon-a-closeleft-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userpermissions-line"></use>
                </svg>
                <div class="name">user permissions-line</div>
                <div class="code-name">#icon-a-userpermissions-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cancellingstocks-fill"></use>
                </svg>
                <div class="name">cancelling stocks-fill</div>
                <div class="code-name">#icon-a-cancellingstocks-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userset-line"></use>
                </svg>
                <div class="name">user set-line</div>
                <div class="code-name">#icon-a-userset-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar-fill"></use>
                </svg>
                <div class="name">calendar-fill</div>
                <div class="code-name">#icon-calendar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userswitch-fill"></use>
                </svg>
                <div class="name">user switch-fill</div>
                <div class="code-name">#icon-a-userswitch-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caution-line"></use>
                </svg>
                <div class="name">caution-line</div>
                <div class="code-name">#icon-caution-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-userset-fill"></use>
                </svg>
                <div class="name">user set-fill</div>
                <div class="code-name">#icon-a-userset-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-choose-fill"></use>
                </svg>
                <div class="name">choose-fill</div>
                <div class="code-name">#icon-choose-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-voiceclose-fill"></use>
                </svg>
                <div class="name">voice close-fill</div>
                <div class="code-name">#icon-a-voiceclose-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clock2-fill"></use>
                </svg>
                <div class="name">clock 2-fill</div>
                <div class="code-name">#icon-a-clock2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-voice-fill"></use>
                </svg>
                <div class="name">voice-fill</div>
                <div class="code-name">#icon-voice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clock3-fill"></use>
                </svg>
                <div class="name">clock 3-fill</div>
                <div class="code-name">#icon-a-clock3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-volume-line"></use>
                </svg>
                <div class="name">volume-line</div>
                <div class="code-name">#icon-volume-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close-line"></use>
                </svg>
                <div class="name">close-line</div>
                <div class="code-name">#icon-close-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-volume-fill"></use>
                </svg>
                <div class="name">volume-fill</div>
                <div class="code-name">#icon-volume-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-closeright-line"></use>
                </svg>
                <div class="name">close right-line</div>
                <div class="code-name">#icon-a-closeright-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-warehousewarning-line"></use>
                </svg>
                <div class="name">warehouse warning-line</div>
                <div class="code-name">#icon-a-warehousewarning-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudhosting-fill"></use>
                </svg>
                <div class="name">cloud hosting-fill</div>
                <div class="code-name">#icon-a-cloudhosting-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wallet-line"></use>
                </svg>
                <div class="name">wallet-line</div>
                <div class="code-name">#icon-wallet-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cargo-line"></use>
                </svg>
                <div class="name">cargo-line</div>
                <div class="code-name">#icon-cargo-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warehouse-line"></use>
                </svg>
                <div class="name">warehouse-line</div>
                <div class="code-name">#icon-warehouse-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-charging-fill"></use>
                </svg>
                <div class="name">charging-fill</div>
                <div class="code-name">#icon-charging-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-warehouse-fill"></use>
                </svg>
                <div class="name">warehouse-fill</div>
                <div class="code-name">#icon-warehouse-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-centralbank-line"></use>
                </svg>
                <div class="name">central bank-line</div>
                <div class="code-name">#icon-a-centralbank-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-wavingFlag-fill"></use>
                </svg>
                <div class="name">waving Flag-fill</div>
                <div class="code-name">#icon-a-wavingFlag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cargo-fill"></use>
                </svg>
                <div class="name">cargo-fill</div>
                <div class="code-name">#icon-cargo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-windvane-fill"></use>
                </svg>
                <div class="name">wind vane-fill</div>
                <div class="code-name">#icon-a-windvane-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudmanagement-fill"></use>
                </svg>
                <div class="name">cloud management-fill</div>
                <div class="code-name">#icon-a-cloudmanagement-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-webpage-line"></use>
                </svg>
                <div class="name">webpage-line</div>
                <div class="code-name">#icon-webpage-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clock3-line"></use>
                </svg>
                <div class="name">clock 3-line</div>
                <div class="code-name">#icon-a-clock3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-withdrawal-fill"></use>
                </svg>
                <div class="name">withdrawal-fill</div>
                <div class="code-name">#icon-withdrawal-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudcorrugated-fill"></use>
                </svg>
                <div class="name">cloud corrugated-fill</div>
                <div class="code-name">#icon-a-cloudcorrugated-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-withdrawal-line"></use>
                </svg>
                <div class="name">withdrawal-line</div>
                <div class="code-name">#icon-withdrawal-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clouddisplay-line"></use>
                </svg>
                <div class="name">cloud display-line</div>
                <div class="code-name">#icon-a-clouddisplay-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wifi-line"></use>
                </svg>
                <div class="name">wifi-line</div>
                <div class="code-name">#icon-wifi-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clouddisplay-fill"></use>
                </svg>
                <div class="name">cloud display-fill</div>
                <div class="code-name">#icon-a-clouddisplay-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wrench-fill"></use>
                </svg>
                <div class="name">wrench-fill</div>
                <div class="code-name">#icon-wrench-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudchoose-line"></use>
                </svg>
                <div class="name">cloud choose-line</div>
                <div class="code-name">#icon-a-cloudchoose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wrench-line"></use>
                </svg>
                <div class="name">wrench-line</div>
                <div class="code-name">#icon-wrench-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clickon-line"></use>
                </svg>
                <div class="name">click on-line</div>
                <div class="code-name">#icon-a-clickon-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudeditor-line"></use>
                </svg>
                <div class="name">cloud editor-line</div>
                <div class="code-name">#icon-a-cloudeditor-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudinformation-line"></use>
                </svg>
                <div class="name">cloud information-line</div>
                <div class="code-name">#icon-a-cloudinformation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudmanagement-line"></use>
                </svg>
                <div class="name">cloud management-line</div>
                <div class="code-name">#icon-a-cloudmanagement-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudscreen-line"></use>
                </svg>
                <div class="name">cloud screen-line</div>
                <div class="code-name">#icon-a-cloudscreen-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-clouddownload-fill"></use>
                </svg>
                <div class="name">cloud download-fill</div>
                <div class="code-name">#icon-a-clouddownload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudeditor-fill"></use>
                </svg>
                <div class="name">cloud editor-fill</div>
                <div class="code-name">#icon-a-cloudeditor-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a--line"></use>
                </svg>
                <div class="name">@-line</div>
                <div class="code-name">#icon-a--line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-code-line"></use>
                </svg>
                <div class="name">code-line</div>
                <div class="code-name">#icon-code-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-activetab-fill"></use>
                </svg>
                <div class="name">active tab-fill</div>
                <div class="code-name">#icon-a-activetab-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-colorpalette-line"></use>
                </svg>
                <div class="name">color palette-line</div>
                <div class="code-name">#icon-a-colorpalette-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add-fill"></use>
                </svg>
                <div class="name">add-fill</div>
                <div class="code-name">#icon-add-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-computermore-line"></use>
                </svg>
                <div class="name">computer more-line</div>
                <div class="code-name">#icon-a-computermore-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-addresslist-fill"></use>
                </svg>
                <div class="name">address list-fill</div>
                <div class="code-name">#icon-a-addresslist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-compilebox-line"></use>
                </svg>
                <div class="name">compile box-line</div>
                <div class="code-name">#icon-a-compilebox-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-addresslist-line"></use>
                </svg>
                <div class="name">address list-line</div>
                <div class="code-name">#icon-a-addresslist-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-computerinformation-line"></use>
                </svg>
                <div class="name">computer information-line</div>
                <div class="code-name">#icon-a-computerinformation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-additionfile-line"></use>
                </svg>
                <div class="name">addition file-line</div>
                <div class="code-name">#icon-a-additionfile-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-computerproportion-line"></use>
                </svg>
                <div class="name">computer proportion-line</div>
                <div class="code-name">#icon-a-computerproportion-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-addressbook-fill"></use>
                </svg>
                <div class="name">address book-fill</div>
                <div class="code-name">#icon-a-addressbook-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudban-line"></use>
                </svg>
                <div class="name">cloud ban-line</div>
                <div class="code-name">#icon-a-cloudban-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add-line"></use>
                </svg>
                <div class="name">add-line</div>
                <div class="code-name">#icon-add-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-cloudupload-line"></use>
                </svg>
                <div class="name">cloud upload-line</div>
                <div class="code-name">#icon-a-cloudupload-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-addressbook-line"></use>
                </svg>
                <div class="name">address book-line</div>
                <div class="code-name">#icon-a-addressbook-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-computerwarning-line"></use>
                </svg>
                <div class="name">computer warning-line</div>
                <div class="code-name">#icon-a-computerwarning-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-addline-line"></use>
                </svg>
                <div class="name">add line-line</div>
                <div class="code-name">#icon-a-addline-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-computerset-line"></use>
                </svg>
                <div class="name">computer set-line</div>
                <div class="code-name">#icon-a-computerset-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-activetab-line"></use>
                </svg>
                <div class="name">active tab-line</div>
                <div class="code-name">#icon-a-activetab-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-controlpanel-line"></use>
                </svg>
                <div class="name">control panel-line</div>
                <div class="code-name">#icon-a-controlpanel-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admonish-fill"></use>
                </svg>
                <div class="name">admonish-fill</div>
                <div class="code-name">#icon-admonish-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-computertrend-line"></use>
                </svg>
                <div class="name">computer trend-line</div>
                <div class="code-name">#icon-a-computertrend-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-allocation-fill"></use>
                </svg>
                <div class="name">allocation-fill</div>
                <div class="code-name">#icon-allocation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cube-fill"></use>
                </svg>
                <div class="name">cube-fill</div>
                <div class="code-name">#icon-cube-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-all-fill"></use>
                </svg>
                <div class="name">all-fill</div>
                <div class="code-name">#icon-all-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-counterfoil-line"></use>
                </svg>
                <div class="name">counterfoil-line</div>
                <div class="code-name">#icon-counterfoil-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-allocation-line"></use>
                </svg>
                <div class="name">allocation-line</div>
                <div class="code-name">#icon-allocation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-convert-fill"></use>
                </svg>
                <div class="name">convert-fill</div>
                <div class="code-name">#icon-convert-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-adhibition-line"></use>
                </svg>
                <div class="name">adhibition-line</div>
                <div class="code-name">#icon-adhibition-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cube-line"></use>
                </svg>
                <div class="name">cube-line</div>
                <div class="code-name">#icon-cube-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admonish-line"></use>
                </svg>
                <div class="name">admonish-line</div>
                <div class="code-name">#icon-admonish-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete-line"></use>
                </svg>
                <div class="name">delete-line</div>
                <div class="code-name">#icon-delete-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alter-fill"></use>
                </svg>
                <div class="name">alter-fill</div>
                <div class="code-name">#icon-alter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-depot-line"></use>
                </svg>
                <div class="name">depot-line</div>
                <div class="code-name">#icon-depot-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount3-line"></use>
                </svg>
                <div class="name">amount 3-line</div>
                <div class="code-name">#icon-a-amount3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-depot-fill"></use>
                </svg>
                <div class="name">depot-fill</div>
                <div class="code-name">#icon-depot-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount3-fill"></use>
                </svg>
                <div class="name">amount 3-fill</div>
                <div class="code-name">#icon-a-amount3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diadema-line"></use>
                </svg>
                <div class="name">diadema-line</div>
                <div class="code-name">#icon-diadema-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount2-fill"></use>
                </svg>
                <div class="name">amount 2-fill</div>
                <div class="code-name">#icon-a-amount2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-decoration-line"></use>
                </svg>
                <div class="name">decoration-line</div>
                <div class="code-name">#icon-decoration-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount1-fill"></use>
                </svg>
                <div class="name">amount 1-fill</div>
                <div class="code-name">#icon-a-amount1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dial-fill"></use>
                </svg>
                <div class="name">dial-fill</div>
                <div class="code-name">#icon-dial-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount2-line"></use>
                </svg>
                <div class="name">amount 2-line</div>
                <div class="code-name">#icon-a-amount2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dial-line"></use>
                </svg>
                <div class="name">dial-line</div>
                <div class="code-name">#icon-dial-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount4-line"></use>
                </svg>
                <div class="name">amount 4-line</div>
                <div class="code-name">#icon-a-amount4-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diffusion-line"></use>
                </svg>
                <div class="name">diffusion-line</div>
                <div class="code-name">#icon-diffusion-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alter-line"></use>
                </svg>
                <div class="name">alter-line</div>
                <div class="code-name">#icon-alter-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-downloadto-line"></use>
                </svg>
                <div class="name">download to-line</div>
                <div class="code-name">#icon-a-downloadto-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount5-line"></use>
                </svg>
                <div class="name">amount 5-line</div>
                <div class="code-name">#icon-a-amount5-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download-line"></use>
                </svg>
                <div class="name">download-line</div>
                <div class="code-name">#icon-download-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-amount4-fill"></use>
                </svg>
                <div class="name">amount 4-fill</div>
                <div class="code-name">#icon-a-amount4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-documentationupload-line"></use>
                </svg>
                <div class="name">documentation upload-line</div>
                <div class="code-name">#icon-a-documentationupload-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-android-line"></use>
                </svg>
                <div class="name">android-line</div>
                <div class="code-name">#icon-android-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-edit1-line"></use>
                </svg>
                <div class="name">edit 1-line</div>
                <div class="code-name">#icon-a-edit1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-android-fill"></use>
                </svg>
                <div class="name">android-fill</div>
                <div class="code-name">#icon-android-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-edit4-line"></use>
                </svg>
                <div class="name">edit 4-line</div>
                <div class="code-name">#icon-a-edit4-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-apple-fill"></use>
                </svg>
                <div class="name">apple-fill</div>
                <div class="code-name">#icon-apple-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enterprise-line"></use>
                </svg>
                <div class="name">enterprise-line</div>
                <div class="code-name">#icon-enterprise-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-annalupload-fill"></use>
                </svg>
                <div class="name">annal upload-fill</div>
                <div class="code-name">#icon-a-annalupload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dollar-line"></use>
                </svg>
                <div class="name">dollar-line</div>
                <div class="code-name">#icon-dollar-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-archivecatalogue-fill"></use>
                </svg>
                <div class="name">archive catalogue-fill</div>
                <div class="code-name">#icon-a-archivecatalogue-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-expandingfile-line"></use>
                </svg>
                <div class="name">expanding file-line</div>
                <div class="code-name">#icon-a-expandingfile-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-architecture-fill"></use>
                </svg>
                <div class="name">architecture-fill</div>
                <div class="code-name">#icon-architecture-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-expansion-line"></use>
                </svg>
                <div class="name">expansion-line</div>
                <div class="code-name">#icon-expansion-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-archivecatalogue-line"></use>
                </svg>
                <div class="name">archive catalogue-line</div>
                <div class="code-name">#icon-a-archivecatalogue-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-face2-line"></use>
                </svg>
                <div class="name">face 2-line</div>
                <div class="code-name">#icon-a-face2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-apple-line"></use>
                </svg>
                <div class="name">apple-line</div>
                <div class="code-name">#icon-apple-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-face4"></use>
                </svg>
                <div class="name">face 4</div>
                <div class="code-name">#icon-a-face4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-archives-line"></use>
                </svg>
                <div class="name">archives-line</div>
                <div class="code-name">#icon-archives-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-face3-line"></use>
                </svg>
                <div class="name">face 3-line</div>
                <div class="code-name">#icon-a-face3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-archives-fill"></use>
                </svg>
                <div class="name">archives-fill</div>
                <div class="code-name">#icon-archives-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-line"></use>
                </svg>
                <div class="name">eye-line</div>
                <div class="code-name">#icon-eye-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-api-fill"></use>
                </svg>
                <div class="name">api-fill</div>
                <div class="code-name">#icon-api-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-faultrun-line"></use>
                </svg>
                <div class="name">fault run-line</div>
                <div class="code-name">#icon-a-faultrun-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bankcard-fill"></use>
                </svg>
                <div class="name">bank card-fill</div>
                <div class="code-name">#icon-a-bankcard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filechoose-line"></use>
                </svg>
                <div class="name">file choose-line</div>
                <div class="code-name">#icon-a-filechoose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-array-line"></use>
                </svg>
                <div class="name">array-line</div>
                <div class="code-name">#icon-array-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filebag-line"></use>
                </svg>
                <div class="name">file bag-line</div>
                <div class="code-name">#icon-a-filebag-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-badge-fill"></use>
                </svg>
                <div class="name">badge-fill</div>
                <div class="code-name">#icon-badge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-face1-line"></use>
                </svg>
                <div class="name">face 1-line</div>
                <div class="code-name">#icon-a-face1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-awhirl-line"></use>
                </svg>
                <div class="name">awhirl-line</div>
                <div class="code-name">#icon-awhirl-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filecycle-line"></use>
                </svg>
                <div class="name">file cycle-line</div>
                <div class="code-name">#icon-a-filecycle-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-api-line"></use>
                </svg>
                <div class="name">api-line</div>
                <div class="code-name">#icon-api-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fileprint-line"></use>
                </svg>
                <div class="name">file print-line</div>
                <div class="code-name">#icon-a-fileprint-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-batterylow-line"></use>
                </svg>
                <div class="name">battery low-line</div>
                <div class="code-name">#icon-a-batterylow-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fileproportion-fill"></use>
                </svg>
                <div class="name">file proportion-fill</div>
                <div class="code-name">#icon-a-fileproportion-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-architecture-line"></use>
                </svg>
                <div class="name">architecture-line</div>
                <div class="code-name">#icon-architecture-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filequery-line"></use>
                </svg>
                <div class="name">file query-line</div>
                <div class="code-name">#icon-a-filequery-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-article-line"></use>
                </svg>
                <div class="name">article-line</div>
                <div class="code-name">#icon-article-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-flowchart2-fill"></use>
                </svg>
                <div class="name">flow chart 2-fill</div>
                <div class="code-name">#icon-a-flowchart2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-array-fill"></use>
                </svg>
                <div class="name">array-fill</div>
                <div class="code-name">#icon-array-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fileseal-fill"></use>
                </svg>
                <div class="name">file seal-fill</div>
                <div class="code-name">#icon-a-fileseal-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-article-fill"></use>
                </svg>
                <div class="name">article-fill</div>
                <div class="code-name">#icon-article-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fileppt-fill"></use>
                </svg>
                <div class="name">file ppt-fill</div>
                <div class="code-name">#icon-a-fileppt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bankenterprise-line"></use>
                </svg>
                <div class="name">bank enterprise-line</div>
                <div class="code-name">#icon-a-bankenterprise-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fileimportant-line"></use>
                </svg>
                <div class="name">file important-line</div>
                <div class="code-name">#icon-a-fileimportant-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bankenterprise-fill"></use>
                </svg>
                <div class="name">bank enterprise-fill</div>
                <div class="code-name">#icon-a-bankenterprise-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filelist-line"></use>
                </svg>
                <div class="name">file list-line</div>
                <div class="code-name">#icon-a-filelist-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-batterylow-fill"></use>
                </svg>
                <div class="name">battery low-fill</div>
                <div class="code-name">#icon-a-batterylow-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filetextset-line"></use>
                </svg>
                <div class="name">file text set-line</div>
                <div class="code-name">#icon-a-filetextset-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bank-line"></use>
                </svg>
                <div class="name">bank-line</div>
                <div class="code-name">#icon-bank-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filevoice-line"></use>
                </svg>
                <div class="name">file voice-line</div>
                <div class="code-name">#icon-a-filevoice-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills3-fill"></use>
                </svg>
                <div class="name">bills 3-fill</div>
                <div class="code-name">#icon-a-bills3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filelist-fill"></use>
                </svg>
                <div class="name">file list-fill</div>
                <div class="code-name">#icon-a-filelist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills2-fill"></use>
                </svg>
                <div class="name">bills 2-fill</div>
                <div class="code-name">#icon-a-bills2-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-flaglabel-fill"></use>
                </svg>
                <div class="name">flag label-fill</div>
                <div class="code-name">#icon-a-flaglabel-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bankcard-line"></use>
                </svg>
                <div class="name">bank card-line</div>
                <div class="code-name">#icon-a-bankcard-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-focusonrecord-line"></use>
                </svg>
                <div class="name">focus on record-line</div>
                <div class="code-name">#icon-a-focusonrecord-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-badge-line"></use>
                </svg>
                <div class="name">badge-line</div>
                <div class="code-name">#icon-badge-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-folderminus-line"></use>
                </svg>
                <div class="name">folder minus-line</div>
                <div class="code-name">#icon-a-folderminus-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-barcode-line"></use>
                </svg>
                <div class="name">bar code-line</div>
                <div class="code-name">#icon-a-barcode-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folding-line"></use>
                </svg>
                <div class="name">folding-line</div>
                <div class="code-name">#icon-folding-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billscover-line"></use>
                </svg>
                <div class="name">bills cover-line</div>
                <div class="code-name">#icon-a-billscover-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-filemanagement-line"></use>
                </svg>
                <div class="name">file management-line</div>
                <div class="code-name">#icon-a-filemanagement-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills2-line"></use>
                </svg>
                <div class="name">bills 2-line</div>
                <div class="code-name">#icon-a-bills2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-folderadd-line"></use>
                </svg>
                <div class="name">folder add-line</div>
                <div class="code-name">#icon-a-folderadd-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsfax-fill"></use>
                </svg>
                <div class="name">bills fax-fill</div>
                <div class="code-name">#icon-a-billsfax-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fileword-line"></use>
                </svg>
                <div class="name">file word-line</div>
                <div class="code-name">#icon-a-fileword-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-barcode-fill"></use>
                </svg>
                <div class="name">bar code-fill</div>
                <div class="code-name">#icon-a-barcode-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-folderstar-line"></use>
                </svg>
                <div class="name">folder star-line</div>
                <div class="code-name">#icon-a-folderstar-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills5-line"></use>
                </svg>
                <div class="name">bills 5-line</div>
                <div class="code-name">#icon-a-bills5-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-folderupload-line"></use>
                </svg>
                <div class="name">folder upload-line</div>
                <div class="code-name">#icon-a-folderupload-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bill-line"></use>
                </svg>
                <div class="name">bill-line</div>
                <div class="code-name">#icon-bill-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-folderon-line"></use>
                </svg>
                <div class="name">folder on-line</div>
                <div class="code-name">#icon-a-folderon-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bill-fill"></use>
                </svg>
                <div class="name">bill-fill</div>
                <div class="code-name">#icon-bill-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-folderoff-fill"></use>
                </svg>
                <div class="name">folder off-fill</div>
                <div class="code-name">#icon-a-folderoff-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills3-line"></use>
                </svg>
                <div class="name">bills 3-line</div>
                <div class="code-name">#icon-a-bills3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-game-line"></use>
                </svg>
                <div class="name">game-line</div>
                <div class="code-name">#icon-game-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billscontents-fill"></use>
                </svg>
                <div class="name">bills contents-fill</div>
                <div class="code-name">#icon-a-billscontents-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-giftbox-line"></use>
                </svg>
                <div class="name">gift box-line</div>
                <div class="code-name">#icon-a-giftbox-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billscontents-line"></use>
                </svg>
                <div class="name">bills contents-line</div>
                <div class="code-name">#icon-a-billscontents-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-handHeart-fill"></use>
                </svg>
                <div class="name">hand Heart-fill</div>
                <div class="code-name">#icon-a-handHeart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills5-fill"></use>
                </svg>
                <div class="name">bills 5-fill</div>
                <div class="code-name">#icon-a-bills5-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-handchoose-line"></use>
                </svg>
                <div class="name">hand choose-line</div>
                <div class="code-name">#icon-a-handchoose-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills1-fill"></use>
                </svg>
                <div class="name">bills 1-fill</div>
                <div class="code-name">#icon-a-bills1-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hierarchy-fill"></use>
                </svg>
                <div class="name">hierarchy-fill</div>
                <div class="code-name">#icon-hierarchy-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billslist-fill"></use>
                </svg>
                <div class="name">bills list-fill</div>
                <div class="code-name">#icon-a-billslist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-groupminus-line"></use>
                </svg>
                <div class="name">group minus-line</div>
                <div class="code-name">#icon-a-groupminus-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billscontent-line"></use>
                </svg>
                <div class="name">bills content-line</div>
                <div class="code-name">#icon-a-billscontent-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-home4-fill"></use>
                </svg>
                <div class="name">home 4-fill</div>
                <div class="code-name">#icon-a-home4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsinfo-line"></use>
                </svg>
                <div class="name">bills info-line</div>
                <div class="code-name">#icon-a-billsinfo-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-IDcardfront-fill"></use>
                </svg>
                <div class="name">ID card front-fill</div>
                <div class="code-name">#icon-a-IDcardfront-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsinvitation-fill"></use>
                </svg>
                <div class="name">bills invitation-fill</div>
                <div class="code-name">#icon-a-billsinvitation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hierarchy-line"></use>
                </svg>
                <div class="name">hierarchy-line</div>
                <div class="code-name">#icon-hierarchy-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills4-line"></use>
                </svg>
                <div class="name">bills 4-line</div>
                <div class="code-name">#icon-a-bills4-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-interlinkage-line"></use>
                </svg>
                <div class="name">interlinkage-line</div>
                <div class="code-name">#icon-interlinkage-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsfax-line"></use>
                </svg>
                <div class="name">bills fax-line</div>
                <div class="code-name">#icon-a-billsfax-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-home2-line"></use>
                </svg>
                <div class="name">home 2-line</div>
                <div class="code-name">#icon-a-home2-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsmenu-line"></use>
                </svg>
                <div class="name">bills menu-line</div>
                <div class="code-name">#icon-a-billsmenu-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ip-line"></use>
                </svg>
                <div class="name">ip-line</div>
                <div class="code-name">#icon-ip-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billscontent-fill"></use>
                </svg>
                <div class="name">bills content-fill</div>
                <div class="code-name">#icon-a-billscontent-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-havepower-line"></use>
                </svg>
                <div class="name">have power-line</div>
                <div class="code-name">#icon-a-havepower-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsmenu-fill"></use>
                </svg>
                <div class="name">bills menu-fill</div>
                <div class="code-name">#icon-a-billsmenu-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-interconnection-fill"></use>
                </svg>
                <div class="name">interconnection-fill</div>
                <div class="code-name">#icon-interconnection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills4-fill"></use>
                </svg>
                <div class="name">bills 4-fill</div>
                <div class="code-name">#icon-a-bills4-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-joint-line"></use>
                </svg>
                <div class="name">joint-line</div>
                <div class="code-name">#icon-joint-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsimportant-line"></use>
                </svg>
                <div class="name">bills important-line</div>
                <div class="code-name">#icon-a-billsimportant-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-home3-line"></use>
                </svg>
                <div class="name">home 3-line</div>
                <div class="code-name">#icon-a-home3-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsimportant-fill"></use>
                </svg>
                <div class="name">bills important-fill</div>
                <div class="code-name">#icon-a-billsimportant-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-jobcircle-line"></use>
                </svg>
                <div class="name">job circle-line</div>
                <div class="code-name">#icon-a-jobcircle-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-bills1-line"></use>
                </svg>
                <div class="name">bills 1-line</div>
                <div class="code-name">#icon-a-bills1-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jar-fill"></use>
                </svg>
                <div class="name">jar-fill</div>
                <div class="code-name">#icon-jar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billslist-line"></use>
                </svg>
                <div class="name">bills list-line</div>
                <div class="code-name">#icon-a-billslist-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-iPhoneiMac-line"></use>
                </svg>
                <div class="name">iPhone iMac-line</div>
                <div class="code-name">#icon-a-iPhoneiMac-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsinvitation-line"></use>
                </svg>
                <div class="name">bills invitation-line</div>
                <div class="code-name">#icon-a-billsinvitation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-irradiation-line"></use>
                </svg>
                <div class="name">irradiation-line</div>
                <div class="code-name">#icon-irradiation-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bank-fill"></use>
                </svg>
                <div class="name">bank-fill</div>
                <div class="code-name">#icon-bank-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-knockdown-line"></use>
                </svg>
                <div class="name">knockdown-line</div>
                <div class="code-name">#icon-knockdown-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-billsother3-fill"></use>
                </svg>
                <div class="name">bills other 3-fill</div>
                <div class="code-name">#icon-a-billsother3-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-layout5-line"></use>
                </svg>
                <div class="name">layout 5-line</div>
                <div class="code-name">#icon-a-layout5-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxcontrol-fill"></use>
                </svg>
                <div class="name">box control-fill</div>
                <div class="code-name">#icon-a-boxcontrol-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-groupgroup-fill"></use>
                </svg>
                <div class="name">group group-fill</div>
                <div class="code-name">#icon-a-groupgroup-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-browse-line"></use>
                </svg>
                <div class="name">browse-line</div>
                <div class="code-name">#icon-browse-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-layout8-fill"></use>
                </svg>
                <div class="name">layout 8-fill</div>
                <div class="code-name">#icon-a-layout8-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxsubtract-fill"></use>
                </svg>
                <div class="name">box subtract-fill</div>
                <div class="code-name">#icon-a-boxsubtract-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-instrumentpanel-line"></use>
                </svg>
                <div class="name">instrument panel-line</div>
                <div class="code-name">#icon-a-instrumentpanel-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-boxaddition-fill"></use>
                </svg>
                <div class="name">box addition-fill</div>
                <div class="code-name">#icon-a-boxaddition-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-handmanage-fill"></use>
                </svg>
                <div class="name">hand manage-fill</div>
                <div class="code-name">#icon-a-handmanage-fill</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
